@charset "UTF-8";

b,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400
}

.popFaceTitle a:hover,
a,
a:hover {
	text-decoration: none;
}

#body,
.mCSB_horizontal.mCSB_outside>.mCSB_container {
	min-height: 100%
}

*,
.flat .old option,
.mCustomScrollBox,
a,
a:focus {
	outline: 0
}

.mCustomScrollbar {
	-ms-touch-action: pinch-zoom;
	touch-action: pinch-zoom
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
	-ms-touch-action: auto;
	touch-action: auto
}

.mCustomScrollBox {
	position: relative;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	direction: ltr
}

.mCSB_container {
	overflow: hidden;
	width: auto;
	height: auto
}

.mCSB_inside>.mCSB_container {
	margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-right: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
	margin-right: 0;
	margin-left: 30px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-left: 0
}

.mCSB_scrollTools {
	position: absolute;
	width: 16px;
	height: auto;
	left: auto;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: .75;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)"
}

.mCSB_outside+.mCSB_scrollTools {
	right: -26px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
	right: auto;
	left: 0
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
	left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: auto
}

.mCSB_scrollTools .mCSB_draggerRail {
	width: 2px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
	cursor: pointer;
	width: 100%;
	height: 30px;
	z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	position: relative;
	width: 4px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 8px
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
	display: block;
	position: absolute;
	height: 20px;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
	bottom: 0
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
	margin-right: 0;
	margin-bottom: 30px
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
	margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	width: auto;
	height: 16px;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0
}

.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
	margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 2px;
	margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 30px;
	height: 100%;
	left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 4px;
	margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	height: 12px;
	margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 8px;
	margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
	display: block;
	position: absolute;
	width: 20px;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
	left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
	right: 0
}

.mCSB_container_wrapper {
	position: absolute;
	height: auto;
	width: auto;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin-right: 30px;
	margin-bottom: 30px
}

.mCSB_container_wrapper>.mCSB_container {
	padding-right: 30px;
	padding-bottom: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
	bottom: 20px
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
	bottom: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	right: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	left: 20px
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	left: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
	margin-right: 0;
	margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
	padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
	padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-right: 0;
	margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
	margin-bottom: 0
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
	-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
	-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
	-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
	transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
	opacity: 0;
	filter: "alpha(opacity=0)";
	-ms-filter: "alpha(opacity=0)"
}

.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {
	opacity: 1;
	filter: "alpha(opacity=100)";
	-ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .4);
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .75);
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .85);
	filter: "alpha(opacity=85)";
	-ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .9);
	filter: "alpha(opacity=90)";
	-ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
	background-repeat: no-repeat;
	opacity: .4;
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
	background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
	background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
	background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover,
.mCSB_scrollTools .mCSB_buttonUp:hover {
	opacity: .75;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {
	opacity: .9;
	filter: "alpha(opacity=90)";
	-ms-filter: "alpha(opacity=90)"
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, .1);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 4px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, .75);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 4px;
	margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .1);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, .1);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, .75);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 4px;
	margin: 6px 0
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 6px;
	margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .1);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .1)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 2px
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 2px;
	margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
	height: 14px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 14px;
	margin: 0 1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 14px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 14px;
	margin: 1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	width: 16px;
	height: 16px;
	margin: -1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 4px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	height: 16px;
	width: 16px;
	margin: 0 -1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 4px;
	margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
	background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
	background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
	background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
	width: 4px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	background-color: transparent;
	background-position: center
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
	background-image: url();
	background-repeat: repeat-y;
	opacity: .3;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	height: 4px;
	margin: 6px 0;
	background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-image: url()
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -100px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-repeat: repeat-y;
	background-image: -moz-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
	background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: -ms-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
	height: 70px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 70px
}

.mCS-3d-dark.mCSB_scrollTools,
.mCS-3d.mCSB_scrollTools {
	opacity: 1;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)"
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
	width: 8px;
	background-color: #000;
	background-color: rgba(0, 0, 0, .2);
	box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #555
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 8px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 8px;
	margin: 4px 0;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 8px;
	margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .1);
	box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools {
	opacity: 1;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)"
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px
}

.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical {
	right: 1px
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCS-3d-thick.mCSB_scrollTools_vertical {
	box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,
.mCS-3d-thick.mCSB_scrollTools_horizontal {
	bottom: 1px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
	width: 12px;
	margin: 2px;
	position: absolute;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
	height: 12px;
	width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #555
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
	background-color: #000;
	background-color: rgba(0, 0, 0, .05);
	box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
	box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
	background-color: #fff;
	background-color: rgba(0, 0, 0, .05);
	box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px
}

.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
	right: 0;
	margin: 12px 0
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: 0;
	margin: 0 12px
}

.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
	left: 0;
	right: auto
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
	height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .2);
	filter: "alpha(opacity=20)";
	-ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .5);
	filter: "alpha(opacity=50)";
	-ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .2);
	filter: "alpha(opacity=20)";
	-ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .5);
	filter: "alpha(opacity=50)";
	-ms-filter: "alpha(opacity=50)"
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
	width: 6px;
	background-color: #000;
	background-color: rgba(0, 0, 0, .2)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 6px;
	margin: 5px 0
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 12px
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 12px;
	margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
	width: 12px;
	background-color: #000;
	background-color: rgba(0, 0, 0, .2)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
	margin: 3px 5px;
	position: absolute;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 6px;
	margin: 5px 3px;
	position: absolute;
	width: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 12px;
	margin: 2px 0
}

*,
a,
body,
button,
caption,
dd,
div,
dl,
dt,
em,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
img,
input,
label,
li,
ol,
p,
span,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul {
	margin: 0;
	padding: 0;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent;
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	border-color: rgba(255, 255, 255, .2);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
	border-color: #000;
	border-color: rgba(0, 0, 0, .2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .9)
}

.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools {
	animation: myfirst 1s;
	-webkit-animation: myfirst 1s;
	opacity: 1;
	-webkit-animation-fill-mode: forwards
}

@keyframes myfirst {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

img {
	border: 0
}

ul li {
	list-style-type: none
}

a {
	color: inherit
}

i {
	font-style: normal
}

button,
input,
select,
textarea {
	font-family: inherit;
	font-size: 14px;
	border: 0;
	outline: 0
}

button::-moz-focus-inner,
input[type=button]::-moz-focus-inner {
	border: none;
	padding: 0
}

a[class|=btn] {
	display: inline-block;
	vertical-align: top;
	zoom: 1
}

input[type=checkbox],
input[type=radio] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}

input::-webkit-input-safebox-button {
	display: none
}

header {
	width: 100%;
	height: 56px;
	background: #ffe300
}

header nav {
	height: 56px;
	margin: 0 70px;
	position: relative
}

header nav .logo {
	position: absolute;
	top: 18px;
	left: 0
}

header nav .return-to-old {
	font-size: 12px;
	margin-left: 13px;
	float: right;
	margin-top: 4px
}

header nav .menu {
	height: 56px;
	margin: 0 auto
}

header nav .menu .search-input-hull {
	width: 540px;
	margin: 0 auto;
	position: relative;
	z-index: 9
}

header nav .menu .search-input-hull .search-ipt {
	display: inline-block;
	background: url(../images/svg/nav-search.svg?v=1) no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 18px;
	right: 0;
	z-index: 1;
	cursor: pointer
}

header nav .menu .search-input-hull input {
	width: 470px;
	height: 56px;
	color: #444;
	background: #ffe300;
	position: absolute;
	font-size: 14px;
	line-height: 50px;
	padding-left: 40px
}

header nav .menu .search-input-hull .search-cancel {
	display: inline-block;
	background: url(../images/common/guanbihover.svg) no-repeat;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 21px;
	cursor: pointer;
	z-index: 3
}

header nav .menu .search-input-hull .search-content {
	width: 540px;
	background: #fff;
	-webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .2);
	border-radius: 0 0 4px 4px;
	color: #444;
	position: absolute;
	top: 56px;
	overflow: hidden
}

header nav .menu .search-input-hull .search-content .hot-list:hover,
header nav .menu .search-input-hull .search-content .search-content-list .search-l.active {
	background: #f2f2f2
}

header nav .menu .search-input-hull .search-content .search-title {
	height: 40px;
	line-height: 40px;
	padding-left: 20px;
	font-size: 12px;
	color: #bbb
}

header nav .menu .search-input-hull .search-content .more-link a {
	color: #d36f16
}

header nav .menu .search-input-hull .search-content .more-link-margin {
	margin-bottom: 20px
}

header nav .menu .search-input-hull .search-content .check-all {
	height: 44px;
	line-height: 44px;
	border-top: 1px solid #f2f2f2;
	width: 100%;
	color: #444;
	display: inline-block;
	text-align: center
}

header nav .menu .search-input-hull .search-content .search-no-find {
	line-height: 40px;
	padding: 0 20px;
	color: #bbb
}

header nav .menu .search-input-hull .search-content .hot-list.hot-list-designer img {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 10px
}

header nav .menu .search-input-hull .search-content .search-content-list {
	overflow: hidden
}

header nav .menu .search-input-hull .search-content .search-content-list>.hot-list:first {
	margin-top: 9px
}

header nav .menu .search-input-hull .search-content .search-content-list .hot-list {
	height: 40px;
	line-height: 40px
}

header nav .menu .search-input-hull .search-content .search-content-list .hot-list a {
	display: inline-block;
	width: 100%;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

header nav .menu [placeholder],
header nav .menu input[placeholder] {
	color: #444 !important
}

header nav .menu .menu-box {
	text-align: center
}

header nav .menu .menu-box>ul.menu-list-content {
	height: 56px;
	margin: 0 auto;
	display: inline-block
}

header nav .menu .menu-box>ul.menu-list-content li {
	float: left;
	cursor: pointer;
	height: 56px;
	line-height: 56px;
	text-align: start;
	text-align: left
}

header nav .menu .menu-box>ul.menu-list-content li a.menu-list-box {
	display: inline-block;
	padding: 0 24px
}

header nav .menu .menu-box>ul.menu-list-content li span.menu-tit-box {
	padding: 0 20px
}

header nav .menu .menu-box>ul.menu-list-content li:hover {
	background: #282828;
	color: #ffe300
}

header nav .menu .menu-box>ul.menu-list-content li.current a.menu-list-box {
	font-weight: 600
}

header nav .menu .discover {
	position: relative;
	cursor: pointer
}

header nav .menu .discover:hover {
	background: #444;
	color: #ffe300
}

header nav .menu .discover:hover .menu-list {
	display: block
}

header nav .menu .discover .discover-box {
	width: 664px;
	padding: 0;
	left: 0
}

header nav .menu .discover .discover-box .discover-box-list {
	border-bottom: 1px solid #eaeaea;
	line-height: 0;
	overflow: hidden;
	padding: 11px 17px 17px
}

header nav .menu .discover .discover-box .discover-box-list div {
	float: left;
	width: 90px;
	height: 28px;
	line-height: 28px;
	position: relative;
	margin-top: 4px;
	text-align: center
}

header nav .menu .discover .discover-box .discover-box-list a {
	display: inline-block;
	min-width: 42px;
	height: 28px;
	line-height: 28px;
	padding: 0 7px;
	text-align: center;
	position: relative;
	margin: 0 6px;
	border-radius: 4px
}

header nav .menu .discover .discover-box .discover-box-list a:hover {
	background: #ffe300;
	color: #444
}

header nav .menu .discover .discover-box .discover-check-all {
	padding: 0 30px;
	line-height: 51px
}

header nav .menu .discover .discover-box .discover-check-all a {
	margin-right: 40px;
	color: #444;
	padding-right: 15px;
	background: url(../images/svg/gengduojiantou.svg) right no-repeat;
	background-size: 10px 10px
}

header nav .menu .discover .discover-box .discover-check-all a:hover {
	color: #d36f16;
	background: url(../images/svg/gengduojiantou2.svg) right no-repeat;
	background-size: 10px 10px
}

header nav .menu .discover .discover-box i {
	display: inline-block;
	width: 1px;
	height: 14px;
	background: #ddd;
	position: absolute;
	top: 5px;
	right: 0
}

header nav .menu .discover .discover-box a i:not(:last-child) {
	width: 0
}

header nav .menu .header-menu-withmore {
	position: relative;
	cursor: pointer
}

header nav .menu .header-menu-withmore:hover {
	background: #444;
	color: #ffe300
}

header nav .menu .header-menu-withmore:hover .menu-list {
	display: block
}

header nav .menu .header-menu-withmore p a {
	width: 152px;
	padding-left: 20px
}

header nav .menu .more-menu {
	position: relative;
	cursor: pointer
}

header nav .menu .more-menu .menu-list p a {
	width: 152px;
	position: relative
}

header nav .menu .more-menu i {
	display: inline-block;
	background-image: url(../images/svg/nav-more.svg);
	background-repeat: no-repeat;
	background-position: left center;
	width: 20px;
	height: 56px;
	background-size: 20px auto
}

header nav .menu .more-menu _:-ms-lang(x),
header nav .menu .more-menu _::-webkit-meter-bar,
header nav .menu .more-menu i {
	background-image: url(../images/nav-more.png)
}

header nav .menu .more-menu:hover i {
	background-image: url(../images/svg/nav-more-hover.svg);
	width: 20px;
	height: 56px;
	background-size: 20px auto
}

header nav .menu .more-menu:hover _:-ms-lang(x),
header nav .menu .more-menu:hover _::-webkit-meter-bar,
header nav .menu .more-menu:hover i {
	background-image: url(../images/nav-more-hover.png)
}

header nav .menu .more-menu:hover .menu-list {
	display: block
}

header nav .menu .menu-list {
	left: 0
}

header nav .menu-list {
	width: 152px;
	padding: 6px 0;
	position: absolute;
	background: #fff;
	top: 56px;
	border-radius: 0 0 4px 4px;
	-webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .2);
	color: #444;
	z-index: 14
}

header nav .menu-list p {
	height: 44px;
	line-height: 44px;
	cursor: pointer
}

header nav .menu-list p:hover {
	background: #ffe300
}

header nav .menu-list p a {
	width: 100%;
	padding-left: 20px;
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

header nav .menu-list sup.subnav-dot-sup {
	top: 12px
}

header nav .search {
	position: absolute;
	top: 0;
	right: 192px;
	width: 60px;
	height: 56px;
	text-align: center;
	line-height: 56px;
	cursor: pointer
}

header nav .search i {
	display: inline-block;
	background: url(../images/svg/nav-search.svg?v=1) no-repeat;
	width: 20px;
	height: 20px;
	margin-top: 18px
}

header nav .search:hover {
	background: #282828
}

header nav .search:hover i {
	background: url(../images/svg/nav-search-hover.svg?v=1) no-repeat
}

header nav .user-center {
	width: 192px;
	height: 56px;
	position: absolute;
	top: 0;
	right: 0
}

header nav .user-center .login {
	float: left
}

header nav .user-center .login .user .avatar-container-30 {
	padding: 13px 20px
}

header nav .user-center .login .user .user-list {
	display: block
}

header nav .user-center .login .user .user-list sup.subnav-dot-sup {
	top: 10px;
	right: 14px
}

header nav .user-center .unlogin {
	float: left
}

header nav .user-center .unlogin li {
	line-height: 60px
}

header nav .user-center .unlogin a {
	margin-left: 20px;
	padding: 0;
}

header nav .user-center .unlogin i {
	display: inline-block;
	width: 1px;
	height: 10px;
	background: #444;
	margin-left: 20px
}

header nav .user-center .menu-list {
	width: 180px;
	position: absolute;
	right: 0;
	background: #fff;
	-webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .2);
	border-radius: 0 0 4px 4px;
	color: #444;
	z-index: 14
}

header nav .user-center .menu-list p {
	height: 44px;
	line-height: 44px;
	cursor: pointer
}

header nav .user-center .menu-list p:hover {
	background: #ffe300
}

header nav .user-center .upload {
	float: left;
	position: relative
}

header nav .user-center .upload a.upload-link:after {
	content: "";
	display: inline-block;
	background: url(../images/svg/nav-upload.svg) center center no-repeat;
	width: 30px;
	height: 20px
}

header nav .user-center .upload:hover {
	background: #282828
}

header nav .user-center .upload:hover a.upload-link:after {
	background: url(../images/svg/nav-upload-hover.svg) center center no-repeat
}

header nav .user-center .upload .menu-list {
	width: 152px
}

header nav .user-center .header-menu-withmore {
	position: relative
}

header nav .user-center .header-menu-withmore:hover .menu-list {
	display: block
}

header nav .user-center .upload-link {
	height: 20px;
	padding: 18px 16px;
	display: inline-block
}

header nav .user-center ul li a {
	display: inline-block;
}

header nav .user-center>ul>li {
	float: left;
	cursor: pointer;
	position: relative;
}

header nav .user-center>ul>li>a {
	padding: 18px 17px
}

header nav .user-center>ul li:not(.user) .message-list {
	height: 20px
}

header nav .user-center>ul .message {
	position: relative;
	height: 56px
}

header nav .user-center>ul .message a.message-list {
	position: relative
}

header nav .user-center>ul .message a.message-list i {
	display: inline-block;
	background: url(../images/svg/nav-message.svg) center center no-repeat;
	width: 25px;
	height: 20px
}

header nav .user-center>ul .message a.message-list sup.subnav-num-sup {
	left: 26px;
	word-break: normal
}

header nav .user-center>ul .message a.message-list sup.subnav-dot-sup {
	right: 12px;
	top: 14px
}

header nav .user-center>ul .message:hover {
	background: #282828
}

header nav .user-center>ul .message:hover a.message-list i {
	background: url(../images/svg/nav-message-hover.svg) center center no-repeat
}

header nav .user-center>ul .message .message-box {
	width: 300px;
	padding: 0
}

header nav .user-center>ul .message .message-box section {
	height: 52px;
	line-height: 52px;
	border-bottom: 1px solid #dedede;
	padding: 0 30px;
	text-align: left;
	position: relative;
	font-size: 16px;
	cursor: default
}

header nav .user-center>ul .message .message-box section span {
	font-size: 12px;
	color: #999;
	position: absolute;
	right: 30px;
	cursor: pointer
}

header nav .user-center>ul .message .message-box .message-box-list-wrapper {
	height: 225px;
	position: relative
}

header nav .user-center>ul .message .message-box ul.message-box-list {
	height: 225px;
	overflow-y: auto;
	overflow: hidden
}

header nav .user-center>ul .message .message-box ul.message-box-list li {
	width: 240px;
	max-height: 70px;
	line-height: 25px;
	padding: 10px 30px;
	border-bottom: 1px solid #f2f2f2;
	word-wrap: break-word;
	position: relative
}

header nav .user-center>ul .message .message-box ul.message-box-list li a {
	max-height: 70px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	display: -moz-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-line-clamp: 2
}

header nav .user-center>ul .message .message-box ul.message-box-list li a.readed {
	color: #bbb
}

header nav .user-center>ul .message .message-box ul.message-box-list li:hover {
	background: #ffe300
}

header nav .user-center>ul .message .message-box ul.message-box-list li:hover a {
	color: #282828
}

header nav .user-center>ul .message .message-box ul.message-box-list li b {
	font-weight: 700
}

header nav .user-center>ul .message .message-box ul.message-box-list li span {
	display: block;
	position: relative
}

header nav .user-center>ul .message .message-box ul.message-box-list li .msg-box-num {
	background: #000;
	display: inline-block;
	text-align: center;
	border-radius: 10px;
	padding: 0 5px;
	font-size: 12px;
	color: #fff;
	vertical-align: middle;
	margin-left: 10px;
	line-height: 15px;
	position: absolute;
	right: 30px;
	top: 15px;
	opacity: .3
}

header nav .user-center>ul .message .message-box ul.message-box-list .news-circle a {
	width: 210px
}

header nav .user-center>ul .message .message-box ul.message-box-list .no-news-circle a {
	width: auto
}

header nav .user-center>ul .message .message-box ul.message-box-list .message-list-1 {
	display: inline-block;
	background: url(../images/message-list-1.png) 0 4px no-repeat;
	width: 16px;
	height: 28px;
	float: left
}

header nav .user-center>ul .message .message-box ul.message-box-list .message-list-2 {
	display: inline-block;
	background: url(../images/message-list-2.png) 0 4px no-repeat;
	width: 16px;
	height: 28px;
	float: left
}

header nav .user-center>ul .message .message-box ul.message-box-list .message-list-3 {
	display: inline-block;
	background: url(../images/message-list-3.png) 0 4px no-repeat;
	width: 16px;
	height: 28px;
	float: left
}

header nav .user-center>ul .message .message-box .check-all {
	display: inline-block;
	width: 300px;
	line-height: 44px;
	text-align: center;
	vertical-align: middle;
	color: #444;
	border-top: 1px solid #eaeaea
}

header nav .user-center>ul .header-msg-menu-withmore:hover .menu-list,
header nav .user-center>ul .user:hover .menu-list {
	display: block
}

header nav .user-center>ul .current-style {
	background: #282828
}

header nav .user-center>ul .current-style a.message-list i {
	background: url(../images/svg/nav-message-hover.svg) center center no-repeat
}

header nav .user-center>ul .user:hover {
	background: #282828
}

header nav .user-center>ul .user a.user-list img {
	width: 30px;
	height: 30px;
	vertical-align: middle;
	border-radius: 50%
}

header nav .user-center>ul .user .user-box {
	padding: 0
}

header nav .user-center>ul .user .user-box section {
	line-height: 60px;
	border-bottom: 1px solid #eee;
	text-align: left;
	padding-left: 20px;
	font-weight: 600
}

.btn-default-loading,
.btn-default-main,
.btn-default-secondary,
.btn-disabled,
.empty,
.error-prompt .error-icon,
.loading,
.new-red-public,
.text-center,
sup.subnav-num-sup {
	text-align: center
}

header nav .user-center>ul .user .user-box section a {
	display: inline-block;
	width: 100%
}

header nav .user-center>ul .user .user-box .personal-page i,
header nav .user-center>ul .user .user-box .works-manange i {
	display: inline-block;
	background: url(../images/message-list-1.png) no-repeat;
	width: 16px;
	height: 16px
}

header nav .user-center>ul .user .user-box .user-box-list {
	padding: 6px 0
}

header nav .user-center>ul .user .user-box .user-box-list p {
	padding-left: 0
}

header nav .user-center>ul .user .user-box .user-box-list .user-box-list-area:not(:last-child) {
	border-bottom: 1px solid #eaeaea
}

header nav .user-center>ul .user .user-box .user-box-list .user-box-list-area a {
	display: inline-block;
	width: 152px;
	padding-left: 20px;
	position: relative
}

header nav .user-center>ul .user .user-box .user-box-list .user-box-list-area a sup {
	top: 12px
}

#nav-search-ipt:focus {
	background: 0 0 !important
}

.new-red-public {
	display: inline-block;
	background: #f4523b;
	border-radius: 10px;
	padding: 0 5px;
	font-size: 12px;
	color: #f9f9f9;
	vertical-align: middle;
	margin-left: -10px;
	line-height: 15px
}

.new-red {
	width: 28px;
	height: 16px;
	margin-left: 12px
}

.new-red-active {
	position: absolute;
	top: 10px;
	height: 16px
}

*html .menu-tit-box i {
	margin-top: 10px
}

.header {
	width: 100%;
	height: 56px
}

.header-absolute {
	position: absolute;
	z-index: 10
}

.community-upicon-location-prompt {
	width: 172px;
	padding-top: 26px;
	position: absolute;
	right: 16px;
	top: 44px;
	z-index: 3
}

.community-tag-clip {
	height: 17px;
	width: 0;
	margin-top: 8px;
	border-right: 1px dashed #282828;
	right: 15px;
	position: absolute;
	top: 0
}

.community-tag-clip:before {
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	background: #282828;
	position: absolute;
	top: -8px;
	right: -4px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%
}

.upicon-location-tips {
	height: 40px;
	line-height: 40px;
	padding: 0 8px;
	background: rgba(40, 40, 40, .9);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	color: #fff
}

.upicon-location-tips .upicon-close-prompt {
	margin-left: 4px
}

@media screen and (max-width:1280px) {
	header nav {
		margin: 0 30px
	}
}

#footer {
	width: 100%;
	height: 229px;
	background: #282828;
	position: absolute;
	bottom: 0;
	color: #666
}

#footer .footer-wrapper {
	height: 100%;
	margin: 0 auto;
	background: #282828
}

#footer .footer-wrapper .footer-wrapper-top {
	width: 100%;
	height: 130px;
	border-bottom: 1px solid #333;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

#footer .footer-wrapper .footer-wrapper-top a:hover {
	color: #999
}

#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-left {
	float: left
}

#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-left a {
	margin-right: 38px
}

#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-left .footer-mobile {
	position: relative
}

#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-left .footer-mobile i {
	position: absolute;
	background: url(../images/footer-mobile-code.png) no-repeat;
	width: 122px;
	height: 131px;
	bottom: 23px;
	left: 50%;
	margin-left: -52px
}

#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-left .footer-mobile:hover i {
	display: inline-block
}

#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-left .footer-mobile:before {
	content: "";
	display: inline-block;
	background: url(../images/svg/footer-mobile.svg?v=1) no-repeat;
	width: 14px;
	height: 23px;
	vertical-align: middle;
	margin-right: 10px;
	margin-top: -3px
}

#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right .weibo,
#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right .weixin {
	display: inline-block;
	margin-left: 40px;
	background-repeat: no-repeat;
	background-position: center center
}

#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right .weixin {
	background-position: 0 0;
	width: 25px;
	height: 21px;
	position: relative;
	background-image: url(../images/svg/footer-share-weixin.svg?v=1)
}

#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right .weixin i {
	position: absolute;
	background: url(../images/footer-weixin-code.jpg) no-repeat;
	background-size: 110px 110px;
	-moz-background-size: 110px 110px;
	-webkit-background-size: 110px 110px;
	-o-background-size: 110px 110px;
	width: 110px;
	height: 110px;
	bottom: 40px;
	right: -40px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px
}

#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right .weixin i:after {
	content: "";
	border-top: 10px solid #fff;
	border-right: 10px solid transparent;
	border-bottom: none;
	border-left: 10px solid transparent;
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -10px;
	display: block
}

#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right .weixin:hover {
	background-image: url(../images/svg/footer-share-weixinhover.svg?v=1)
}

#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right .weixin:hover i {
	display: inline-block
}

#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right .weibo {
	width: 26px;
	height: 21px;
	background-image: url(../images/svg/footer-share-weibo.svg?v=1)
}

#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right .weibo:hover {
	background-image: url(../images/svg/footer-share-weibohover.svg?v=1)
}

#footer .footer-wrapper .footer-wrapper-bottom {
	margin-top: 20px;
	position: relative
}

#footer .footer-wrapper .footer-wrapper-bottom a,
#footer .footer-wrapper .footer-wrapper-bottom span {
	font-size: 12px
}

#footer .footer-wrapper .footer-wrapper-bottom i {
	display: inline-block;
	width: 1px;
	height: 12px;
	margin: 0 26px;
	background: #666;
	vertical-align: middle
}

.block,
main {
	display: block
}

#footer .footer-wrapper .space-footer-bottom,
.mt-10 {
	margin-top: 10px
}

#footer .footer-wrapper .footer-wrapper-bottom .copyrightLink {
	position: absolute;
	right: 0
}

#body,
.p-relative {
	position: relative
}

#footer .footer-wrapper .footer-wrapper-bottom a:hover {
	color: #999;
	text-decoration: underline
}

#footer .footer-wrapper .footer-wrapper-bottom .police {
	background: url(../images/icon-police.png) no-repeat;
	padding-left: 20px
}

body,
html {
	height: 100%;
	background: #f4f4f4
}

body {
	font: 14px/1.5 "PingFang SC", "Lantinghei SC", "Microsoft YaHei", "HanHei SC", "Helvetica Neue", "Open Sans", Arial, "Hiragino Sans GB", "微软雅黑", STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif
}

input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
	background-color: #fff !important;
	background-image: none !important;
	color: #333 !important;
	box-shadow: 0 0 0 1000px #f4f4f4 inset;
	-webkit-box-shadow: 0 0 0 1000px #f4f4f4 inset
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #bbb
}

input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #bbb
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #bbb
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #bbb
}

input:-webkit-autofill:focus,
textarea:-webkit-autofill:focus {
	box-shadow: 0 0 0 1000px #fff inset;
	-webkit-box-shadow: 0 0 0 1000px #fff inset
}

input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
	background: #fff;
	color: #444
}

input[type=text].borderred,
textarea.borderred {
	border: 1px solid #f4523b !important
}

#body {
	color: #282828;
	padding-bottom: 229px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.main-wrapper {
	margin-bottom: 40px
}

.left {
	float: left
}

.right {
	float: right
}

.clear {
	clear: both
}

.mt-5 {
	margin-top: 5px
}

.mt-20 {
	margin-top: 20px
}

.mt-22 {
	margin-top: 22px
}

div.mt-20 {
	margin-top: 20px
}

.mt-16 {
	margin-top: 16px
}

.mt-25 {
	margin-top: 25px
}

.mt-30 {
	margin-top: 30px
}

.mt-40 {
	margin-top: 40px
}

.mt_-9 {
	margin-top: -9px
}

.mt_-10 {
	margin-top: -10px
}

.mr-5 {
	margin-right: 5px
}

.mr-10 {
	margin-right: 10px
}

.mr-20 {
	margin-right: 20px
}

.mr-30 {
	margin-right: 30px
}

.mr-40 {
	margin-right: 40px
}

.ml-5 {
	margin-left: 5px
}

.ml-10 {
	margin-left: 10px
}

.ml-30 {
	margin-left: 30px
}

.ml-40 {
	margin-left: 40px
}

.mb-10 {
	margin-bottom: 10px
}

.mb-20 {
	margin-bottom: 20px
}

.mlr-20 {
	margin-left: 20px;
	margin-right: 20px
}

.pt-30 {
	padding-top: 30px
}

.ptb-6 {
	padding: 6px 0
}

.p-lr-20 {
	padding: 0 20px
}

.p-20 {
	padding: 20px
}

.f-18 {
	font-size: 18px
}

.f-16 {
	font-size: 16px
}

.f-14 {
	font-size: 14px
}

.f-12 {
	font-size: 12px
}

.f-24 {
	font-size: 24px
}

.f-32 {
	font-size: 32px
}

.f-40 {
	font-size: 40px
}

.c-fff {
	color: #fff
}

.c-bbb {
	color: #bbb
}

.c-999 {
	color: #999
}

.c-000 {
	color: #000
}

.c-666 {
	color: #666
}

.c-D0021B {
	color: #d0021b
}

.bgc-fb {
	background: #fbfbfb
}

.line-56 {
	line-height: 56px
}

.fwt-800 {
	font-weight: 800
}

.fw-bold {
	font-weight: 700
}

.border-bottom {
	border-bottom: 1px solid #eee
}

.border-top {
	border-top: 1px solid #eee
}

.border-right {
	border-right: 1px solid #eee
}

.border-left {
	border-left: 1px solid #eee
}

.border-radius-top {
	border-radius: 4px 4px 0 0
}

.border-radius-bottom {
	border-radius: 0 0 4px 4px
}

.hightlight {
	color: #f4523b
}

.clearfix:after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0
}

.clearfix {
	zoom: 1
}

.z-center {
	margin: 0 auto
}

.i-block {
	display: inline-block
}

.flex,
.flex-center {
	display: -webkit-box;
	display: -ms-flexbox
}

.flex {
	display: flex
}

.items-center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.flex-center {
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.flex-between {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.ellipsis {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.btn-default-main {
	color: #444;
	background: #ffe300;
	border: 1px solid #ffe300;
	border-radius: 4px;
	cursor: pointer
}

.btn-default-main:hover {
	color: #444;
	background: #ffd100;
	border: 1px solid #ffd100
}

.btn-default-secondary {
	color: #666;
	background: 0 0;
	border: 1px solid #bbb;
	border-radius: 4px;
	cursor: pointer
}

.btn-default-secondary:hover {
	color: #444;
	background: 0 0;
	border: 1px solid #999
}

.btn-disabled {
	color: #bbb;
	background: #eee;
	border: 1px solid #eee;
	border-radius: 4px;
	cursor: default
}

.disabled,
.disabled-color {
	color: #bbb !important;
	cursor: default !important
}

.btn-current-big {
	width: 320px;
	height: 42px;
	line-height: 42px;
	font-size: 16px
}

.btn-current-middle,
.btn-current-small {
	height: 36px;
	line-height: 36px;
	-webkit-box-sizing: border-box
}

.btn-current-middle {
	min-width: 118px;
	font-size: 14px;
	padding: 0 20px;
	box-sizing: border-box
}

.btn-current-small {
	width: 80px;
	font-size: 14px;
	box-sizing: border-box
}

.btn-small {
	width: 76px;
	height: 28px;
	line-height: 26px;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer
}

.btn-default-loading {
	color: #444;
	background: #ffe300;
	border: 1px solid #ffe300;
	border-radius: 4px;
	cursor: pointer
}

.btn-current-null {
	min-width: 126px;
	height: 36px;
	padding: 0 19px;
	line-height: 36px
}

.zcool-link-color {
	color: #d36f16;
	cursor: pointer
}

.sub-link {
	color: #999
}

.link,
.sub-link.current,
.sub-link:hover {
	color: #282828
}

.link.current,
.link:hover {
	color: #d36f16
}

.error-color {
	color: #f4523b
}

.cursor-default {
	cursor: default
}

.cursor-pointer {
	cursor: pointer
}

.medium-title {
	font-size: 14px;
	color: #666
}

.grey-btn-small {
	background: #eee;
	padding: 4px 10px;
	border-radius: 4px;
	color: #bbb
}

.js-seconds-shade,
.mask-layer-full-screen,
.shade {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	position: fixed;
	top: 0
}

.mask-layer-full-screen {
	z-index: 2
}

.js-seconds-shade,
.shade {
	left: 0
}

.closebtn,
.error-prompt .error-icon {
	width: 20px;
	vertical-align: middle;
	zoom: 1
}

.shade {
	z-index: 12
}

.js-seconds-shade {
	z-index: 14
}

.closebtn {
	height: 20px;
	background: url(../images/svg/shanchuxiao.svg?v=1) no-repeat;
	display: inline-block;
	cursor: pointer
}

.text-style,
.textarea-style,
.textarea-style2 {
	height: 42px;
	color: #666;
	font-size: 14px;
	border: 1px solid #ddd;
	-webkit-box-sizing: border-box
}

.closebtn:hover {
	background: url(../images/svg/shanchuxiaohover.svg?v=1) no-repeat
}

.check-c,
.check-cd {
	background-repeat: no-repeat;
	background-size: 14px
}

.label-checkbox,
.n-request-checkbox {
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	cursor: pointer
}

.label-checkbox input[type=checkbox],
.n-request-checkbox input[type=checkbox] {
	opacity: 0;
	margin-right: 10px;
	vertical-align: middle;
	cursor: pointer
}

.check-c {
	background-image: url(../images/common/checkbox.svg?v=2)
}

.check-cd {
	background-image: url(../images/common/checkboxed.svg?v=2)
}

.auto-select-c {
	background: url(../images/common/checkbox.svg?v=2) 0 2px no-repeat;
	cursor: pointer
}

.auto-select-c input {
	opacity: 0;
	vertical-align: middle;
	margin-right: 10px;
	cursor: pointer
}

.auto-select-cd {
	background: url(../images/common/checkboxed.svg?v=2) 0 2px no-repeat;
	cursor: pointer
}

.auto-select-cd input {
	opacity: 0;
	vertical-align: middle;
	margin-right: 10px;
	cursor: pointer
}

.text-style {
	padding-left: 20px;
	padding-right: 20px;
	background: #f4f4f4;
	box-sizing: border-box;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px
}

.text-style.text-withcount {
	padding-right: 40px
}

.textarea-style,
.textarea-style2 {
	width: 100%;
	max-height: 134px;
	padding: 10px 20px;
	background: #f4f4f4;
	display: block;
	box-sizing: border-box;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	overflow: hidden;
	resize: none
}

.textarea-style2 {
	height: 108px;
	overflow-y: auto
}

.textarea-style.text-withcount {
	padding-right: 50px
}

.selected-common-style {
	height: 42px;
	padding: 0 18px;
	line-height: 40px;
	border: 1px solid #ddd;
	background: #f4f4f4;
	display: inline-block;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

sup.subnav-dot-sup {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #ff4a3b;
	margin: 0 0 2px 3px;
	position: absolute;
	top: 20px
}

sup.subnav-num-sup {
	min-width: 8px;
	height: 16px;
	background: #f4523b;
	border-radius: 10px;
	padding: 0 4px;
	font-size: 12px;
	color: #f9f9f9;
	vertical-align: middle;
	line-height: 15px;
	margin: 0 0 2px 3px;
	position: absolute;
	top: 14px
}

.bg-box-radius {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #fff
}

.body-fixed,
.confirm-body-fixed,
.hidden {
	overflow: hidden
}

.scroll-fixed,
.scroll-fixed .is-offset-fixed-wrap {
	padding-right: 17px
}

.error-prompt {
	color: #f14538;
	font-size: 12px;
	line-height: 20px
}

.error-prompt .error-icon {
	height: 20px;
	margin-right: 10px;
	font-style: normal;
	color: #fff;
	border-radius: 50%;
	display: inline-block;
	background: url(../images/svg/error.svg) no-repeat
}

.radio .radio-0 {
	background: url(../images/common/radioxuanzhong.svg?v=2) left no-repeat
}

.radio .radio-1 {
	background: url(../images/common/radio.svg?v=2) left no-repeat
}

.radio label {
	height: 16px;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	cursor: pointer
}

.radio label input {
	opacity: 0;
	margin-right: 10px;
	cursor: pointer
}

.disabled .radio label input,
.disabled label,
.disabled label input[type=checkbox] {
	cursor: default
}

.empty {
	font-size: 14px;
	color: #666;
	line-height: 156px
}

.loading {
	padding: 30px 0;
	line-height: 200px
}

.loadding-pmin-47 {
	min-height: 47px
}

.sidebar-fixed-wrapper {
	position: fixed;
	left: 50%;
	bottom: 40px;
	z-index: 10
}

.sidebar-fixed-wrapper .sidebar-fixed_box {
	width: 50px;
	height: 50px;
	margin-top: 10px;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px
}

.back-to-top {
	background-color: #ddd;
	background-image: url();
	display: none
}

.back-to-top:hover {
	background-image: url()
}

.null-wrap {
	background: #fff
}

.null-wrap .work-null {
	margin-top: 0
}

.null-wrap .null-page-images {
	display: inline-block;
	vertical-align: middle;
	width: 382px;
	height: 180px;
	background: url(../images/notfind.png);
	background-size: auto 180px;
	-webkit-background-size: auto 180px;
	-moz-background-size: auto 180px
}

.null-wrap .null-page-title1 {
	font-size: 28px;
	margin-top: 30px
}

.null-wrap .null-search-box:after {
	content: "";
	display: table;
	clear: both
}

.null-wrap .null-search-covers {
	width: 600px;
	margin: 20px auto 0;
	position: relative
}

.null-wrap .null-search-covers .search-tip {
	position: absolute;
	right: -132px;
	top: 10px
}

.null-wrap .null-search-text {
	width: 520px;
	height: 40px;
	color: #666;
	font-size: 12px;
	border: 1px solid #ddd;
	border-right: none;
	border-radius: 4px 0 0 4px;
	padding-left: 20px;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left
}

.null-wrap .null-search-btn {
	width: 80px;
	height: 40px;
	float: left;
	background-image: url(../images/svg/nav-search.svg);
	background-size: 19px 19px;
	-webkit-background-size: 19px 19px;
	-moz-background-size: 19px 19px;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 0 4px 4px 0;
	vertical-align: middle;
	margin-left: -5px;
	cursor: pointer
}

.null-wrap .search-hot-box {
	text-align: left;
	margin-top: 8px
}

.null-wrap .search-hot-box>span {
	color: #999;
	font-size: 12px
}

.null-wrap .search-hot-box>a {
	font-size: 12px;
	color: #666;
	margin-left: 20px
}

.null-wrap .search-hot-box>a:hover {
	color: #282828
}

.a-screen,
.work-null {
	width: 100%;
	min-height: 349px;
	margin: 20px auto 0;
	text-align: center;
	background: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.a-screen .work-null-inner,
.work-null .work-null-inner {
	padding: 40px 0
}

.a-screen .work-null-inner .null-images,
.work-null .work-null-inner .null-images {
	display: inline-block;
	background: url(../images/null-page-draw.png) no-repeat;
	width: 280px;
	height: 165px;
	background-size: 280px;
	vertical-align: middle
}

.a-screen .work-null-inner .null-images.h-125,
.work-null .work-null-inner .null-images.h-125 {
	height: 125px;
	background-size: auto 125px;
	background-position: center top
}

.a-screen,
.null-bg-tranparent {
	background: 0 0
}

.a-screen .work-null-inner .work-null-tips,
.work-null .work-null-inner .work-null-tips {
	text-align: center;
	color: #666;
	margin-top: 26px
}

.a-screen .work-null-inner .work-null-tips .subject-title,
.work-null .work-null-inner .work-null-tips .subject-title {
	color: #444;
	font-size: 16px
}

.a-screen .work-null-inner .work-null-tips .subhead-title,
.work-null .work-null-inner .work-null-tips .subhead-title {
	font-size: 14px
}

.a-screen .work-null-inner .btn-current-null,
.work-null .work-null-inner .btn-current-null {
	margin-top: 16px
}

.a-screen.min-h-265,
.work-null.min-h-265 {
	min-height: 265px
}

.a-screen.min-h-364,
.work-null.min-h-364 {
	min-height: 364px
}

.a-screen.center,
.work-null.center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.a-screen {
	margin: 0 auto
}

.deleted-images {
	display: inline-block;
	vertical-align: middle;
	width: 593px;
	height: 267px;
	background: url(../images/notfind.png);
	background-size: 593px 267px;
	-webkit-background-size: 593px 267px;
	-moz-background-size: 593px 267px
}

.msg-box-null {
	text-align: center;
	height: 225px;
	position: absolute;
	top: 0;
	left: 61px;
	cursor: default
}

.msg-box-null .msg-box-inner {
	padding-top: 40px
}

.msg-box-null .msg-box-inner .null-images {
	display: inline-block;
	background: url(../images/null-page-draw.png) no-repeat;
	background-size: 180px;
	width: 180px;
	height: 121px;
	vertical-align: middle
}

.msg-box-null .msg-box-inner .msg-null-tips {
	line-height: 20px;
	padding: 0;
	margin-top: 0;
	display: block
}

.container-area-media:after,
.container-area:after {
	display: table;
	content: "";
	clear: both
}

.work-null-largewhite {
	min-height: 500px;
	height: calc(100vh - 96px - 206px);
	text-align: center;
	background: #fff;
	position: relative
}

.work-null-largewhite .error-content {
	min-height: 321px;
	font-size: 16px;
	color: #282828;
	background-repeat: no-repeat;
	background-position: center top;
	position: absolute;
	top: 50%;
	margin-top: -160.5px;
	left: 50%;
	margin-left: -299px
}

.work-null-largewhite .error-content img {
	width: 593px;
	height: 267px
}

.zcool-skip-inner {
	text-align: center;
	margin-top: 70px
}

.zcool-skip-inner .zcool-skip-tips {
	font-size: 16px;
	color: #444
}

.zcool-skip-inner .skip-images {
	background: url(../images/skip404.png) no-repeat;
	width: 179px;
	height: 179px;
	margin: 30px auto
}

.zcool-skip-inner .time-tips {
	font-size: 14px;
	color: #444;
	margin-bottom: 24px
}

.zcool-skip-inner .time-tips span {
	color: #ea4335
}

.zcool-skip-inner .btn-default-secondary {
	background: #f4f4f4
}

.zcool-skip-inner .btn-current-skip {
	width: 118px;
	height: 40px;
	line-height: 40px
}

.advlong-bottom .advlong-default img,
.advlong-top .advlong-default img {
	width: 100%;
	height: 100%;
	border-radius: 4px
}

.container-area-media {
	margin: 0 auto
}

.container-area-media.mt-20 {
	margin-top: 20px
}

.advlong-top,
.advlong-top .advlong-default {
	margin: 0 auto
}

.advlong-bottom {
	margin: 30px auto 0
}

.advlong-bottom .advlong-default {
	margin: 0 auto
}

.container-area {
	margin: 20px auto 0
}

.container-area.mt-0 {
	margin-top: 0
}

.main-wrapper .main-wrapper-advlong-top {
	padding: 20px 0;
	background: #fff
}

.container-area-left {
	float: left
}

.advlong-center .advlong-default {
	height: auto
}

@media screen and (max-width:1600px) {

	.advtop,
	.work-null {
		max-width: 1130px
	}

	.advlong-center,
	.classify-select .classify-box,
	.container-area,
	.footer-wrapper,
	.subnav-contentbox,
	.team-bg {
		width: 1130px
	}

	.container-area-right {
		margin-left: 230px
	}

	.sidebar-fixed-wrapper {
		margin-left: 606px
	}

	.scroll-fixed .sidebar-fixed-wrapper {
		margin-left: 598px
	}

	.advtop li {
		max-width: 210px
	}

	.advlong-center {
		margin: 0 auto
	}

	.advlong-default,
	.advlong-top {
		width: 1130px;
		height: 100px
	}

	.advlong-default a,
	.advlong-default img,
	.advlong-default span,
	.advlong-top a,
	.advlong-top img,
	.advlong-top span {
		width: 1130px !important;
		height: 100px !important
	}

	.advtop #testac1 a,
	.advtop #testac1 img,
	.advtop #testac2 a,
	.advtop #testac2 img,
	.advtop #testac3 a,
	.advtop #testac3 img,
	.advtop #testac4 a,
	.advtop #testac4 img,
	.advtop #testac5 a,
	.advtop #testac5 img {
		width: 210px !important;
		height: 168px !important
	}

	.banner,
	.slider {
		max-width: 1130px;
		height: 286px
	}

	.banner img,
	.slider img {
		height: 286px
	}

	.content-right-media {
		width: 850px
	}

	.hover-content-wrap ul {
		width: 1130px
	}

	.detailed-address {
		width: 458px
	}

	.my-life-circle-wraper .life-picture-wrap img {
		max-width: 100%
	}

	.my-life-circle-wraper .squared-paper img {
		width: 195px;
		height: 195px
	}

	.card-contariner-media {
		width: 900px
	}

	.container-area-media {
		width: 1050px
	}

	#footer .footer-wrapper .footer-wrapper-bottom i {
		margin: 0 19px
	}

	#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-left a {
		margin-right: 24px
	}

	.loadding-media-h {
		height: 199px
	}
}

@media screen and (min-width:1601px) {

	.advlong-center,
	.classify-select .classify-box,
	.container-area,
	.footer-wrapper,
	.subnav-contentbox,
	.team-bg {
		width: 1380px
	}

	.advtop,
	.banner,
	.slider,
	.work-null {
		max-width: 1380px
	}

	.container-area-right {
		margin-left: 280px
	}

	.sidebar-fixed-wrapper {
		margin-left: 700px
	}

	.scroll-fixed .sidebar-fixed-wrapper {
		margin-left: 692px
	}

	.advlong-center {
		margin: 0 auto
	}

	.advlong-default,
	.advlong-top {
		width: 1380px;
		height: 115px
	}

	.advlong-default a,
	.advlong-default img,
	.advlong-default span,
	.advlong-top a,
	.advlong-top img,
	.advlong-top span {
		width: 1380px !important;
		height: 115px !important
	}

	.banner,
	.banner img,
	.slider,
	.slider img {
		height: 350px
	}

	.advtop li {
		max-width: 260px
	}

	.advtop #testac1 a,
	.advtop #testac1 img,
	.advtop #testac2 a,
	.advtop #testac2 img,
	.advtop #testac3 a,
	.advtop #testac3 img,
	.advtop #testac4 a,
	.advtop #testac4 img,
	.advtop #testac5 a,
	.advtop #testac5 img {
		width: 260px !important;
		height: 208px !important
	}

	.content-right-media {
		width: 1100px
	}

	.container-area-media {
		width: 1200px
	}

	.hover-content-wrap ul {
		width: 1380px
	}

	.detailed-address {
		width: 658px
	}

	.my-life-circle-wraper .life-picture-wrap {
		max-width: 100%
	}

	.my-life-circle-wraper .squared-paper img {
		width: 245px;
		height: 245px
	}

	.card-contariner-media {
		width: 1100px
	}

	#footer .footer-wrapper .footer-wrapper-bottom i {
		margin: 0 44px
	}

	.loadding-media-h {
		height: 236px
	}
}

@media screen and (max-width:1200px) {

	#body,
	#footer,
	main {
		width: 1200px
	}

	.subnav-contentbox {
		width: 1130px
	}
}

.temporary-entrance {
	position: absolute;
	right: 0;
	bottom: 0
}

.a-small-sort-nav {
	display: inline-block;
	padding: 4px 10px
}

.a-small-sort-nav:hover {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #f2f2f2
}

.popup-box {
	width: 400px;
	height: auto;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -90px 0 0 -220px;
	padding-bottom: 30px;
	z-index: 100;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	border-radius: 4px
}

.popup-box .popup-tit {
	height: 54px;
	line-height: 54px;
	font-size: 14px;
	color: #19181A;
	text-align: left;
	padding-left: 30px;
	border-bottom: 1px solid #eaeaea
}

.popup-box .rich-text {
	text-align: center;
	font-size: 12px;
	color: #999;
	margin: 4px 0 50px
}

#tip p,
.popup-box .popup-content {
	font-size: 16px;
	text-align: center
}

.popup-box .popup-tit #popup-header-close {
	background: url(../images/popclose.png) center no-repeat;
	width: 13px;
	height: 13px;
	position: absolute;
	top: 21px;
	right: 25px;
	z-index: 10;
	cursor: pointer
}

.popup-box .popup-tit #popup-header-close:hover {
	background-image: url(../images/popclose.png) no-repeat
}

.popup-box .popup-content {
	color: #444;
	margin: 35px auto;
	padding: 0 30px;
	word-wrap: break-word
}

.mask-layer {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	position: fixed;
	top: 0;
	z-index: 99
}

#tip,
.pop-up {
	background: #fff;
	left: 50%
}

.popup-box .btn {
	text-align: center;
	margin-top: 30px
}

#tip {
	width: 300px;
	height: 200px;
	color: #333;
	position: fixed;
	top: 50%;
	margin-left: -150px;
	margin-top: -100px;
	box-shadow: 1px 1px 6px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, .2);
	z-index: 100
}

.alert-confirm .tips-text-normal .large-text,
.pop-up,
.pop-up-confirm .tips-text-normal .large-text {
	color: #444
}

#tip p {
	position: absolute;
	top: 50%;
	margin-top: -8px;
	width: 100%
}

.alert-confirm .tips-text-normal .medium-text,
.pop-subtitle,
.pop-up-confirm .tips-text-normal .medium-text,
.popup-title {
	font-size: 14px
}

.pop-login {
	width: 400px;
	height: 500px;
	position: fixed;
	top: 50%;
	margin-top: -231px;
	left: 50%;
	margin-left: -200px;
	z-index: 15
}

.login-box,
.pop-up .pinlunt {
	position: relative
}

.member-login {
	margin-top: -5px;
	padding-bottom: 20px;
	text-align: left;
	border-bottom: 1px solid #eaeaea
}

.feedback-pop,
.private-pop {
	width: 512px;
	margin-left: -256px;
	margin-top: -224px
}

.feedback-pop .text-style,
.private-pop .text-style {
	width: 100%
}

.pop-up:after {
	content: "";
	display: table;
	clear: both
}

.pop-up .text-style {
	padding-right: 40px
}

.centre-pop {
	width: 480px;
	margin-left: -240px;
	margin-top: -145px
}

.pop-up {
	box-shadow: 0 0 6px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .2);
	position: fixed;
	top: 50%;
	z-index: 16;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px
}

.popup-title {
	padding: 20px 30px;
	line-height: 14px;
	border-bottom: 1px solid #eee
}

.popup-con {
	padding: 30px
}

.pop-subtitle {
	margin-top: 25px
}

.pop-close,
.small-close {
	width: 15px;
	height: 15px;
	background: url(../images/common/guanbi.svg?v=1) no-repeat;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	position: absolute;
	right: 30px;
	top: 20px
}

.pop-close:hover,
.small-close:hover {
	background: url(../images/common/guanbihover.svg) no-repeat
}

.pop-up-confirm .tips-text {
	padding: 56px 30px 0
}

.alert-confirm .tips-text {
	padding: 56px 24px 0
}

.seconds-alert-text {
	text-align: center;
	margin-top: 15px;
	line-height: 26px;
	margin-bottom: -15px
}

.alert-confirm,
.pop-up-confirm {
	padding: 0 0 83px
}

.alert-confirm .tips-text-normal,
.pop-up-confirm .tips-text-normal {
	position: absolute;
	top: 50%;
	margin-top: -12px
}

.alert-confirm .tips-text,
.pop-up-confirm .tips-text {
	width: 100%;
	font-size: 16px;
	line-height: 26px;
	text-align: center;
	color: #666;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	word-break: break-all
}

.pop-up-normal {
	padding: 30px 0
}

.pop-up-normal .medium-text {
	font-size: 14px
}

.pop-up-normal .large-text {
	color: #444
}

.pop-up-normal .tips-text {
	width: 100%;
	font-size: 16px;
	text-align: center;
	color: #666;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.remind-bind-pop .tips-alert-text,
.wx-tip-con .draw-tip {
	font-size: 14px
}

.alert-confirm,
.pop-up-confirm,
.pop-up-normal,
.wx-code-pop {
	background: #fff;
	color: #444;
	position: fixed;
	top: 50%;
	left: 50%;
	display: block;
	vertical-align: middle;
	z-index: 15;
	box-shadow: 0 0 6px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .2);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.wx-code,
.wx-tip-con {
	display: inline-block
}

.alert-confirm,
.pop-up-confirm,
.pop-up-normal {
	width: 300px;
	margin-left: -150px;
	margin-top: -120px
}

.alert-confirm .pop-btn-con,
.pop-up-confirm .pop-btn-con,
.pop-up-normal .pop-btn-con {
	position: absolute;
	bottom: 20px
}

.pop-cancel,
.pop-confirm {
	min-width: 120px;
	height: 36px;
	margin: 20px 8px 0;
	padding: 0 20px;
	font-size: 14px
}

.remind-bind-pop {
	width: 412px
}

.remind-bind-pop .tips-text {
	color: #282828
}

.remind-bind-copy {
	padding: 0 30px;
	color: #282828;
	margin-top: 5px;
	line-height: 24px
}

.wx-code-pop {
	width: 466px;
	height: 222px;
	margin-left: -229px;
	margin-top: -114px;
	padding: 58px 20px 30px 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.wx-code {
	width: 130px;
	height: 130px;
	margin-top: 4px;
	margin-right: 8px;
	float: left
}

.wx-tip-con .send-con-tip {
	margin-top: 20px;
	font-size: 12px;
	color: #666
}

.label-noinfo {
	color: #999;
	font-size: 12px;
	position: absolute;
	bottom: 30px;
	right: 20px;
	cursor: pointer
}

.login-success-pop {
	width: 420px;
	margin-left: -210px;
	margin-top: -134.5px
}

.alert-confirm .pop-btn-con,
.pop-up-confirm .pop-btn-con,
.pop-up-normal .pop-btn-con {
	width: 100%
}

.toast-fail,
.toast-success {
	padding: 30px;
	text-align: center;
	width: 300px;
	min-height: 200px;
	background: #fff;
	color: #444;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -150px;
	margin-top: -120px;
	display: block;
	vertical-align: middle;
	z-index: 150;
	box-shadow: 0 0 6px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .2);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	-webkit-transition: all .2s cubic-bezier(.42, 0, .22, 1.59);
	transition: all .2s cubic-bezier(.42, 0, .22, 1.59)
}

.toast-fail .toast-tips-text,
.toast-success .toast-tips-text {
	font-size: 16px;
	margin-top: 14px
}

.toast-fail .toast-socend-text,
.toast-success .toast-socend-text {
	font-size: 14px
}

.toast-fail.hide,
.toast-success.hide {
	display: block
}

.toast-fail.scale,
.toast-success.scale {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1
}

.toast-success .toast-pictrue {
	background-image: url(../images/success.png)
}

.toast-fail .toast-pictrue {
	background-image: url(../images/fail.png)
}

.toast-pictrue {
	width: 132px;
	height: 100px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 132px 100px;
	display: inline-block;
	vertical-align: middle;
	zoom: 1
}

.pm-suggest-tips,
.pop-pm-suggest {
	width: 480px;
	margin-top: -167px;
	margin-left: -240px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.pop-pm-suggest .suggest-item label {
	margin-right: 36px
}

.pop-pm-suggest .suggest-box {
	margin-top: -14px
}

.pop-auxiliary-tips {
	font-size: 12px;
	color: #666;
	line-height: 18px
}

.pm-suggest-tips {
	padding: 10px 30px 30px;
	color: #282828
}

.pm-suggest-tips .img-item {
	margin-top: 20px
}

.pm-suggest-tips .img-item:after {
	content: "";
	display: table;
	clear: both
}

.pm-suggest-tips .img-item>img {
	float: left
}

.pm-suggest-tips .sug-tips-item {
	padding: 8px 12px;
	margin-left: 16px;
	line-height: 26px;
	background: #eee;
	float: left;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	display: inline-block;
	position: relative
}

.pm-suggest-tips .sug-tips-item:before {
	content: "";
	display: block;
	border-top: 6px solid transparent;
	border-right: 6px solid #eee;
	border-bottom: 6px solid transparent;
	border-left: none;
	position: absolute;
	left: -6px;
	top: 16px
}

.pm-suggest-tips .con-item-box {
	padding-left: 55px;
	margin-top: 26px;
	line-height: 26px
}

.pop-close-tips {
	width: 420px;
	height: 260px;
	margin-left: -210px;
	margin-top: -130px
}

.pop-close-tips .envelop-image {
	width: 265px;
	height: 150px;
	margin: 24px auto 20px;
	background: url(../images/svg/submit-image.svg) left center no-repeat
}

.report-con-covers {
	min-height: 248px
}

.reportpop-con {
	padding-top: 0
}

.reportpop-con .radio label {
	height: auto;
	line-height: 22px
}

.report-option-row {
	border-bottom: 1px solid #eee
}

.report-option-row label {
	width: 100%;
	padding: 20px 0;
	vertical-align: inherit
}

.card-icon,
.redwarn,
.worktag-con {
	vertical-align: middle
}

.report-option-row label.current,
.report-option-row label:hover {
	color: #d36f16
}

.report-option-row label.radio-1 {
	background: url(../images/common/radio.svg?v=2) left 24px no-repeat
}

.report-option-row label.radio-0 {
	background: url(../images/common/radioxuanzhong.svg?v=2) left 24px no-repeat
}

.error-pictrue {
	min-height: 500px;
	height: calc(100vh - 96px - 206px);
	text-align: center
}

.error-pictrue .error-content {
	width: 100%;
	min-height: 321px;
	font-size: 16px;
	color: #282828;
	background-repeat: no-repeat;
	background-position: center top;
	position: absolute;
	top: 50%;
	margin-top: -242px
}

.five-error-pictrue {
	min-height: 500px;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.five-error-pictrue .error-content {
	font-size: 16px;
	text-align: center;
	margin-top: -10%
}

.air-bubble,
.air-bubble-tips {
	padding: 20px;
	color: #666;
	background-color: #282828;
	font-size: 12px;
	position: absolute;
	z-index: 3;
	display: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.air-bubble-tips:before,
.air-bubble:before {
	content: "";
	display: block;
	border: 10px solid transparent;
	border-bottom: 10px solid #282828;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	border-top: 0;
	top: -10px
}

.team-home-bg {
	padding-top: 20px
}

.content-center-box {
	padding: 20px 0
}

.middle-title-wrap {
	width: 100%;
	line-height: 65px;
	padding: 0 30px;
	background: #fff;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.middle-title-wrap .middle-title {
	font-size: 16px;
	color: #444;
	display: inline-block;
	vertical-align: middle;
	zoom: 1
}

.album-title {
	min-height: 14px;
	line-height: 14px;
	margin: 20px 0;
	color: #666;
	position: relative
}

.album-title a {
	position: absolute;
	right: 0;
	color: #d36f16
}

.specific-symbol {
	display: inline-block;
	background: url(../images/all-right-arrow.png) no-repeat;
	width: 6px;
	height: 9px;
	margin-left: 10px
}

.section-title {
	line-height: 14px;
	margin: 20px 0;
	position: relative;
	color: #444
}

.section-title .filtrate {
	color: #444
}

.section-title .filtrate .specific-symbol {
	display: inline-block;
	background: url(../images/selectarrow.png) no-repeat;
	width: 12px;
	height: 7px;
	margin: 0 0 1px 6px
}

.section-title a {
	position: absolute;
	right: 0;
	color: #d36f16
}

.count,
.counter {
	right: 20px;
	font-style: normal
}

.section-title a .specific-symbol {
	display: inline-block;
	background: url(../images/all-right-arrow.png) no-repeat;
	width: 6px;
	height: 9px
}

.card-icon {
	margin-right: 10px;
	margin-top: -3px
}

.arrow-small-r {
	width: 10px;
	height: 10px;
	background: url(../images/svg/gengduojiantou.svg) no-repeat;
	display: inline-block
}

.select-shixin-arrow,
.select-shixin-arrow-up {
	display: inline-block;
	width: 11px;
	height: 6px;
	margin-left: 10px
}

.select-shixin-arrow {
	background: url(../images/common/shixinjiantou.svg) no-repeat
}

.select-shixin-arrow-up {
	background: url(../images/common/shixinjiantoufan.svg) no-repeat
}

.kongxin-arrow {
	width: 12px;
	height: 7px;
	display: inline-block;
	background: url(../images/common/jiantouhover.svg) no-repeat
}

.kongxin-arrow.ml-4 {
	margin-left: 4px
}

.more-with-arrow {
	padding-right: 20px;
	color: #d36f16;
	background: url(../images/all-right-arrow.png) right center no-repeat
}

.expression-box {
	height: 38px;
	line-height: 18px;
	margin-top: 15px;
	font-size: 12px;
	color: #666
}

.expression-box .biaoqing {
	padding-left: 30px;
	background-image: url(../images/svg/biaoqing.svg?v=1);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	color: #666;
	background-size: 18px 18px
}

.expression-box .biaoqing:hover {
	color: #d36f16
}

.expression-box .biaoqing-disabled {
	color: #bbb;
	background-image: url(../images/svg/grey-placeholder-icon.svg);
	pointer-events: none
}

.center-section-wrap {
	width: 900px;
	margin: 20px auto 0;
	background: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	overflow: hidden
}

.popFace.scrollbar,
.scrollbar {
	overflow: hidden;
	overflow-y: scroll
}

.scrollbar::-webkit-scrollbar {
	width: 4px;
	background-color: #f2f2f2
}

.scrollbar::-webkit-scrollbar-track {
	border-radius: 50px;
	background-color: transparent
}

.flat .old option {
	display: none;
	height: 0;
	border: 0
}

.scrollbar::-webkit-scrollbar-thumb {
	height: 40px;
	border-radius: 50px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .2);
	background-color: rgba(0, 0, 0, .2)
}

.login-close,
.redwarn {
	border-radius: 50%;
	display: inline-block
}

.text-ifram {
	position: relative
}

.count,
.counter,
.login-close {
	position: absolute
}

.arrowhead-style {
	color: #bbb
}

.count,
.counter,
.worktag-con {
	font-size: 12px;
	color: #999
}

.count {
	line-height: 1;
	bottom: 15px
}

.exceeded,
.warning {
	color: red !important
}

.login-close {
	width: 30px;
	height: 30px;
	background: url(../images/wclosebtn.png) center no-repeat #222;
	cursor: pointer;
	top: 2px;
	right: -38px
}

.ul-select {
	max-height: 200px
}

.redwarn {
	width: 4px;
	height: 4px;
	background: #f14538;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	zoom: 1
}

.redwarn.p-absolute {
	position: absolute;
	left: 0;
	top: 9px
}

.redwarn.p-absolute.at-19 {
	top: 19px
}

.redwarn.p-absolute.at-10 {
	top: 10px
}

.redwarn.p-absolute.al-20 {
	left: -20px
}

.worktag-con {
	max-width: 60px;
	height: 24px;
	line-height: 24px;
	padding: 0 14px;
	margin: 0 5px 10px 0;
	background: #eee;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	display: inline-block;
	zoom: 1;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.project-tag-12,
.project-tag-14 {
	margin-right: 6px;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.project-tag12-title {
	padding: 3px 0;
	font-size: 14px;
	color: #282828;
	display: inline-block;
	vertical-align: middle;
	zoom: 1
}

.project-tag-12,
.tag-expand-more-12 {
	font-size: 12px;
	display: inline-block;
	cursor: pointer;
	vertical-align: middle;
	zoom: 1
}

.project-tag-12 {
	padding: 3px 12px;
	color: #666;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #fff
}

.project-tag-12:hover {
	color: #444;
	border: 1px solid #999
}

.project-tag-12.current,
.project-tag-12.current:hover {
	border: 1px solid #ffe300
}

.project-tag-12.current {
	background: #ffe300;
	color: #282828
}

.project-tag-12.disabled:hover {
	color: #bbb;
	border: 1px solid #ddd
}

.project-tag-12.words-7 {
	max-width: 96px
}

.project-tag-12.words-5 {
	max-width: 84px
}

.tag-expand-more-12 {
	padding: 3px 0 3px 18px;
	margin-bottom: 20px;
	color: #282828
}

.tag-expand-more-12.hide {
	display: none
}

.project-tag-12.mb-20,
.tag-all-btn-12.mb-20 {
	margin-bottom: 20px
}

.project-tag-12.mb-10,
.project-tag12-title.mb-10,
.tag-all-btn-12.mb-10 {
	margin-bottom: 10px
}

.project-tag-14 {
	padding: 3px 18px;
	color: #666;
	font-size: 14px;
	border: 1px solid #bbb;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px
}

.project-tag-14:hover {
	color: #444;
	border: 1px solid #999
}

.hide {
	display: none
}

.active-filter-down .flat .selected:hover {
	opacity: .8;
	filter: alpha(opacity=80)
}

.active-filter-down {
	margin-top: 16px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.active-filter-down:after {
	content: "";
	display: table;
	clear: both
}

.active-filter-down.mt-15 {
	margin-top: 15px
}

.filter-wrap {
	display: inline-block
}

.filter-wrap .filter-selected {
	height: 40px;
	line-height: 40px;
	color: #444;
	text-align: right;
	padding-right: 20px;
	background: url(../images/common/jiantouhover.svg) right center no-repeat;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	position: relative
}

.filter-wrap .select-bigwrap,
.selsect-div-cover {
	padding: 6px 0;
	background: #fff;
	box-shadow: 0 0 6px rgba(0, 0, 0, .2)
}

.filter-wrap.f-select-absolute {
	position: absolute;
	right: 0;
	margin-top: -10px
}

.filter-wrap.f-select-absolute.top-0 {
	top: 0
}

.filter-wrap.f-select-absolute.mt_30 {
	margin-top: -30px
}

.filter-wrap .select-bigwrap {
	min-width: 122px;
	max-height: 612px;
	float: none;
	text-align: start;
	position: absolute;
	top: 40px;
	right: 0;
	z-index: 10;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .2);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	overflow: hidden;
	-webkit-transition: height linear .2s;
	transition: height linear .2s
}

.filter-wrap .select-bigwrap.min-w144 {
	width: 144px
}

.selsect-div-cover {
	position: absolute;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .2);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	z-index: 2
}

.filter-wrap .select-box li a,
.select-ul-box li a {
	padding: 0 30px;
	height: 40px;
	line-height: 40px;
	display: block;
	cursor: pointer;
	text-align: left;
	font-size: 14px
}

.filter-wrap .select-box li:hover,
.select-ul-box li:hover {
	background: #f2f2f2
}

.filter-wrap .select-box li.active,
.filter-wrap .select-box li.current,
.select-ul-box li.active,
.select-ul-box li.current {
	color: #d36f16
}

.active-card-partake,
.initiated-time {
	color: #aaa;
	font-size: 12px;
	cursor: default
}

.active-initiated-wrap {
	padding: 20px
}

.active-initiated-wrap:after {
	content: "";
	display: table;
	clear: both
}

.project-view {
	overflow-y: auto
}

.active-card-partake {
	background-image: url(../images/sprice-icon.png);
	background-repeat: no-repeat
}

.initiated-time {
	padding-left: 24px;
	background: url(../images/svg/card-shijian.svg) left center no-repeat;
	float: left
}

.active-card-glance {
	padding-left: 24px;
	background-image: url(../images/svg/card-liulan.svg);
	background-position: 0 center
}

.active-card-tuijian {
	padding-left: 24px;
	background-image: url(../images/svg/zan.svg?v=1);
	background-size: 16px 16px
}

.active-card-performers {
	padding-left: 20px;
	background-image: url(../images/svg/canyuzhe.svg);
	background-position: 0 center
}

.active-partake {
	padding-left: 22px;
	background-position: 0 center;
	background-image: url(../images/svg/card-zuopin.svg)
}

.down-content-wrap {
	padding: 308px 0 40px;
	text-align: center;
	background-color: #fff;
	background-image: url(../images/download.png);
	background-repeat: no-repeat;
	background-position: center 50px
}

.down-content-wrap h2 {
	font-size: 24px;
	color: #282828
}

.down-content-wrap h2 a {
	color: #d36f16
}

.down-content-wrap .down-con-description {
	line-height: 34px;
	margin-top: 5px;
	color: #999;
	font-size: 16px
}

.down-content-wrap .down-con-description a {
	color: #d36f16
}

.down-content-wrap .manual-down-tips {
	font-size: 14px;
	color: #282828;
	margin-top: 42px
}

.down-content-wrap .download-btn {
	margin-top: 26px
}

#nc_1_captcha_input,
.nc-container .imgCaptcha .imgCaptcha_text input {
	border: 1px solid #999
}

.nc-container #nc_2_wrapper,
.nc-container.tb-login #nc_2_wrapper {
	width: 100%
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar.hoverscroll {
	background-color: rgba(0, 0, 0, .2);
	-webkit-transition: all linear .2s;
	transition: all linear .2s
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: rgba(0, 0, 0, .2)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: rgba(0, 0, 0, .3)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: rgba(0, 0, 0, .2)
}

.mCSB_inside>.mCSB_container {
	margin: 0
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
	margin: 6px 0
}

.js-scroll-covers {
	height: 300px;
	overflow: hidden
}

.show-list-box {
	background: #fff;
	margin-bottom: 10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px
}

.show-list-title-box {
	padding: 0 20px;
	height: 56px
}

.show-list-title {
	font-size: 16px;
	color: #444;
	line-height: 56px
}

.show-tab-title {
	font-size: 16px;
	color: #999;
	line-height: 55px;
	display: inline-block;
	cursor: pointer
}

.show-tab-title.current,
.show-tab-title:hover {
	color: #282828;
	border-bottom: 2px solid #444
}

.select-have-bg-container .selected-box {
	height: 40px;
	padding: 0 18px;
	line-height: 40px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ddd;
	background: #f4f4f4;
	cursor: pointer
}

.select-have-bg-container.select-hover .selected-box:hover {
	opacity: .7
}

.select-have-bg-container .select-con {
	min-width: 120px;
	top: 42px;
	left: 0;
	background: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 0 6px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .2);
	z-index: 3;
	position: absolute;
	cursor: default
}

.select-have-bg-container .select-con li {
	padding: 0 30px;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.select-have-bg-container .select-con li:hover {
	background: #f2f2f2
}

.select-have-bg-container .select-con li.active {
	color: #d36f16
}

.tab-nav-container.second-h-56 {
	height: 56px
}

.mark-mask-tip {
	display: inline-block;
	width: 68px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	text-align: center;
	background: rgba(0, 0, 0, .5);
	border-radius: 0 0 4px;
	position: absolute;
	left: 0;
	top: 0;
	color: #fff;
	z-index: 10
}

.popFace,
.tab-menu {
	border-radius: 4px;
	background: #fff
}

.album-bread-crumbs {
	color: #bbb;
	font-size: 14px
}

.album-bread-crumbs a {
	color: #666
}

.album-bread-crumbs a:hover {
	color: #d36f16
}

.tab-nav-fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 11;
	-webkit-transform: translateZ(0);
	-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1)
}

.subnav-content-wrap {
	width: 100%;
	min-height: 56px;
	background-color: #fff
}

.subnav-content-wrap .mt-18 {
	margin-top: 18px
}

#subnav-fixed {
	display: none
}

.subnav-wrap {
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.subnav-wrap .top-hull {
	width: 100%;
	border-bottom: 1px solid #eee;
	position: relative
}

.subnav-wrap .subnav-contentbox {
	margin: 0 auto;
	position: relative;
	z-index: 2
}

.subnav-wrap .subnav-contentbox .subnav-content {
	margin-bottom: -1px;
	font-size: 16px;
	color: #999
}

.subnav-wrap .subnav-contentbox .subnav-content>li {
	padding: 0 30px;
	line-height: 16px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	position: relative
}

.subnav-wrap .subnav-contentbox .subnav-content>li>a {
	padding: 19px 0;
	display: block;
	border-bottom: 2px solid transparent
}

.subnav-wrap .subnav-contentbox .subnav-content>li.current>a,
.subnav-wrap .subnav-contentbox .subnav-content>li>a:hover {
	color: #282828;
	border-bottom: 2px solid #444
}

.tab-menu {
	position: relative
}

.tab-menu .tab-box {
	height: 65px;
	font-size: 14px;
	color: #999;
	padding: 0 30px;
	position: relative
}

.tab-menu .tab-box li {
	float: left;
	height: 64px;
	line-height: 64px;
	margin-right: 50px;
	cursor: pointer;
	font-size: 16px;
	margin-bottom: -1px
}

.tab-menu .tab-box li:hover {
	color: #444;
	border-bottom: 2px solid #444
}

.tab-menu .tab-box li a {
	position: relative;
	display: inline-block;
	height: 64px
}

.tab-menu .tab-box .edtior-personal-resume {
	position: absolute;
	right: 0;
	font-size: 12px;
	color: #d36f16
}

.tab-menu .tab-box .current {
	color: #444;
	border-bottom: 2px solid #444
}

.faceList,
.popFaceTitle {
	border-bottom: 1px solid #eee
}

div.js-H-fixed-show {
	height: 56px
}

.is-offset-fixed-wrap {
	width: 100%;
	height: 0;
	overflow: hidden;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
	z-index: 11;
	-webkit-transition: height linear .2s;
	transition: height linear .2s;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.popFace,
.popFaceClose,
.popFaceFlag {
	position: absolute
}

@media screen and (max-width:1200px) {

	.is-offset-fixed-wrap,
	.tab-nav-fixed {
		width: 1200px
	}
}

.popFace {
	z-index: 999;
	width: 430px;
	font-size: 12px;
	color: #282828;
	overflow: hidden;
	box-shadow: 0 0 6px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .2);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	left: 0;
	top: 0
}

.popFaceClose {
	top: 13px;
	right: 5px
}

.popFaceFlag {
	background: url(../images/icons/topFlag.png);
	width: 22px;
	height: 10px;
	top: -10px;
	left: 30px
}

.popUserLeft {
	color: #7f7f7f
}

.popFaceCon a {
	color: #d36f16
}

.face {
	display: none
}

.face p {
	color: #666;
	padding: 16px 30px
}

.face.selected {
	display: block
}

.popFaceTitle {
	padding: 10px 15px;
	position: relative
}

.popFaceTitle a.expression-close {
	padding: 0;
	margin-top: 8px
}

.popFaceTitle a {
	display: inline-block;
	padding: 0 6px;
	margin: 4px 9px;
	color: #666
}

.popFaceTitle a.selected {
	background: #f7d300;
	color: #fff;
	border-radius: 4px;
	padding: 2px 6px
}

.faceList {
	padding: 10px 30px 16px
}

.pt20 {
	padding: 0 20px
}

.faceList a {
	display: inline-block;
	width: 27px;
	height: 24px;
	text-align: center;
	background: #eaeaea;
	border: 1px solid #f3f3f3;
	margin: 5px 5px 0 0;
	padding: 3px 0 0
}

.expression-author {
	padding-top: 18px;
	border-top: 1px solid #ddd
}

.gogoup-card-list-box {
	margin-right: -20px
}

.gogoup-card-box {
	border-radius: 4px;
	overflow: hidden;
	float: left;
	margin-right: 20px;
	background: #fff
}

.gogoup-zlong-card {
	width: 200px;
	height: 150px;
	background: #f2f2f2;
	float: left;
	margin-left: 10px
}

.gogoup-zlong-card img {
	width: 200px;
	height: 113px
}

.gogoup-card_title {
	padding: 0 10px;
	margin-top: 4px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.gogoup-card_title>a:hover {
	color: #d36f16
}

@media screen and (max-width:1600px) {
	.gogoup-card-box {
		width: 210px;
		height: 158px
	}

	.gogoup-card-box img {
		width: 210px;
		height: 118px
	}

	.gogoup-card-box-small {
		width: 197px;
		height: 151px
	}

	.gogoup-card-box-small img {
		width: 197px;
		height: 111px
	}

	.is-gogoswitch-height {
		height: 158px
	}
}

@media screen and (min-width:1601px) {
	.gogoup-card-box {
		width: 260px;
		height: 196px
	}

	.gogoup-card-box img {
		width: 260px;
		height: 146px
	}

	.gogoup-card-box-small {
		width: 235px;
		height: 180px
	}

	.gogoup-card-box-small img {
		width: 235px;
		height: 132px
	}

	.is-gogoswitch-height {
		height: 196px
	}
}

@charset "UTF-8";

.pageturning {
	margin-top: 40px
}

#biuuu_page .laypage_main {
	width: 100%;
	margin: 0 auto;
	text-align: center
}

#biuuu_page .laypage_main a:link,
#biuuu_page .laypage_main a:visited {
	color: #999;
	border-radius: 4px
}

#biuuu_page .laypage_main a:hover {
	background-color: #ffe300;
	color: #282828;
	border: 1px solid #ffe300
}

#biuuu_page .laypage_main .laypage_next,
#biuuu_page .laypage_main .laypage_prev {
	font-size: 23px;
	background-image: url();
	background-repeat: no-repeat
}

#biuuu_page .laypage_main .laypage_prev {
	background-position: 13px 9px
}

#biuuu_page .laypage_main .laypage_prev:hover {
	background-position: 13px -84px
}

#biuuu_page .laypage_main .laypage_next {
	background-position: 13px -24px
}

#biuuu_page .laypage_main .laypage_next:hover {
	background-position: 13px -55px
}

#biuuu_page .laypage_main .laypage_next:hover,
#biuuu_page .laypage_main .laypage_prev:hover {
	background-image: url()
}

/*!
 laypage默认样式
*/
.laypage_main a,
.laypage_main input,
.laypage_main span {
	height: 26px;
	line-height: 26px
}

.laypage_main button,
.laypage_main input,
.laypageskin_default a,
.laypageskin_default span {
	background-color: #fff;
	border: 1px solid #E9E9E9
}

.laypage_main {
	font-size: 0;
	clear: both;
	color: #666
}

.laypage_main * {
	display: inline-block;
	vertical-align: top;
	font-size: 14px
}

.laypage_main a {
	text-decoration: none;
	color: #666
}

.laypage_main a,
.laypage_main span,
.laypageskin_default span {
	width: 40px;
	height: 40px;
	line-height: 38px;
	margin: 0 3px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}

.laypage_main input {
	width: 40px;
	margin: 0 5px;
	padding: 0 5px
}

.laypage_main button {
	height: 28px;
	line-height: 28px;
	margin-left: 5px;
	padding: 0 10px;
	color: #666
}

.laypageskin_default span {
	color: #999
}

.laypageskin_default .laypage_curr {
	font-weight: 400;
	color: #333;
	background: #ffe300;
	border-radius: 4px;
	border: 1px solid #ffe300
}

.laypageskin_molv a,
.laypageskin_molv span {
	padding: 0 12px;
	border-radius: 2px
}

.laypageskin_molv a {
	background-color: #f1eff0
}

.laypageskin_molv .laypage_curr {
	background-color: #00AA91;
	color: #fff
}

.laypageskin_molv input {
	height: 24px;
	line-height: 24px
}

.laypageskin_molv button {
	height: 26px;
	line-height: 26px
}

.laypageskin_yahei {
	color: #333
}

.laypageskin_yahei a,
.laypageskin_yahei span {
	padding: 0 13px;
	border-radius: 2px;
	color: #333
}

.laypageskin_yahei .laypage_curr {
	background-color: #333;
	color: #fff
}

.laypageskin_flow {
	text-align: center
}

.laypageskin_flow .page_nomore {
	color: #999
}

#biuuu_city {
	padding-bottom: 40px
}

#biuuu_city .laypage_main {
	width: 1130px;
	margin: 0 auto;
	text-align: center
}

#biuuu_city a:link,
.laypageskin_default span {
	color: #999;
	border-radius: 4px
}

#biuuu_city a:hover,
#biuuu_city a:visited {
	background: #ffd100;
	border: 1px solid #efc713;
	color: #333
}

.laypage_next,
.laypage_prev {
	font-family: '宋体';
	font-weight: 700
}

@charset "UTF-8";

.designer-card .position-info,
.personal-card .position-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0 16px
}

.info-card-box {
	display: inline-block
}

.work-pure-wrap {
	margin: 0 auto
}

.all-card,
.all-work-list {
	margin: 20px auto -20px
}

.hot-album,
.work-list-box {
	margin-right: -20px;
	margin-bottom: -20px
}

.hot-album:after,
.work-list-box:after {
	content: "";
	display: table;
	clear: both
}

.work-list-card {
	margin-bottom: 30px;
	font-size: 0
}

.designer-list-box {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	overflow: hidden
}

.exist-fire-class {
	max-width: 204px
}

.exist-event2-class {
	max-width: 186px
}

.card-box .card-img a img {
	vertical-align: middle;
	border: none;
	width: 100%;
	border-radius: 4px 4px 0 0;
	-webkit-transition: .1s linear;
	transition: .1s linear;
	display: block
}

.album-card-box,
.card-box {
	float: left;
	position: relative;
	background: #fff;
	border-radius: 4px;
	margin: 0 20px 20px 0
}

.album-card-box .card-img,
.card-box .card-img {
	position: relative;
	border-radius: 4px 4px 0 0
}

.album-card-box .card-img .card-mark-bottom,
.album-card-box .card-img .card-mark-gray-bottom,
.card-box .card-img .card-mark-bottom,
.card-box .card-img .card-mark-gray-bottom {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #fff;
	font-size: 12px
}

.album-card-box .card-img .card-mark-bottom,
.card-box .card-img .card-mark-bottom {
	background: rgba(223, 81, 62, .8)
}

.album-card-box .card-img .card-mark-gray-bottom,
.card-box .card-img .card-mark-gray-bottom {
	background: rgba(0, 0, 0, .6)
}

.album-card-box .card-img .collect-tag,
.card-box .card-img .collect-tag {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 12px;
	color: #fff;
	height: 22px;
	line-height: 22px;
	padding: 0 10px;
	border-radius: 0 4px;
	background: rgba(0, 0, 0, .4);
	z-index: 1;
	cursor: pointer
}

.album-card-box .card-info,
.card-box .card-info {
	border-bottom: 1px solid #eee;
	padding: 11px 16px 13px;
	height: 75px;
	position: relative
}

.album-card-box .card-info .card-info-title,
.card-box .card-info .card-info-title {
	margin-bottom: 1px;
	position: relative;
	height: 20px;
	line-height: 20px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.album-card-box .card-info .card-info-title a,
.card-box .card-info .card-info-title a {
	font-size: 14px;
	color: #333
}

.album-card-box .card-info .card-info-title a:hover,
.card-box .card-info .card-info-title a:hover {
	color: #d36f16
}

.album-card-box .card-info .card-info-title .title-content,
.card-box .card-info .card-info-title .title-content {
	display: inline-block;
	float: left;
	vertical-align: middle;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.album-card-box .card-info .card-info-title .album-card-authority,
.album-card-box .card-info .card-info-title .album-card-public,
.album-card-box .card-info .card-info-title .zcool-card-event,
.album-card-box .card-info .card-info-title .zcool-card-fire1,
.album-card-box .card-info .card-info-title .zcool-card-fire2,
.album-card-box .card-info .card-info-title .zcool-card-fire3,
.card-box .card-info .card-info-title .album-card-authority,
.card-box .card-info .card-info-title .album-card-public,
.card-box .card-info .card-info-title .zcool-card-event,
.card-box .card-info .card-info-title .zcool-card-fire1,
.card-box .card-info .card-info-title .zcool-card-fire2,
.card-box .card-info .card-info-title .zcool-card-fire3 {
	background-size: auto 14px;
	width: 14px;
	height: 14px;
	float: right;
	margin-top: 3px;
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center top
}

.album-card-box .card-info .card-info-title .zcool-card-fire1,
.card-box .card-info .card-info-title .zcool-card-fire1 {
	background-image: url(../images/svg/putongtuijian.svg?v=1)
}

.album-card-box .card-info .card-info-title .zcool-card-fire2,
.card-box .card-info .card-info-title .zcool-card-fire2 {
	background-image: url(../images/svg/bianjijingxuan.svg?v=1)
}

.album-card-box .card-info .card-info-title .zcool-card-fire3,
.card-box .card-info .card-info-title .zcool-card-fire3 {
	background-image: url(../images/svg/shouyetuijian.svg?v=1)
}

.album-card-box .card-info .card-info-title .zcool-card-event,
.card-box .card-info .card-info-title .zcool-card-event {
	width: 16px;
	background-image: url(../images/svg/dasai.svg?v=1)
}

.album-card-box .card-info .card-info-title .album-card-authority,
.card-box .card-info .card-info-title .album-card-authority {
	background-image: url(../images/svg/alubm-card-privacy.svg)
}

.album-card-box .card-info .card-info-title .album-card-public,
.card-box .card-info .card-info-title .album-card-public {
	background-image: url(../images/svg/album-card-public.svg)
}

.album-card-box .card-info .card-info-title .title-icon,
.card-box .card-info .card-info-title .title-icon {
	margin-left: 6px
}

.album-card-box .card-info .card-info-type,
.card-box .card-info .card-info-type {
	font-size: 12px;
	color: #bbb;
	margin-bottom: 17px;
	height: 18px
}

.album-card-box .card-info .card-info-item,
.card-box .card-info .card-info-item {
	font-size: 12px;
	color: #bbb;
	position: absolute;
	bottom: 14px
}

.album-card-box .card-info .card-info-item span,
.card-box .card-info .card-info-item span {
	margin-right: 10px;
	cursor: default
}

.album-card-box .card-info .card-info-item span:before,
.card-box .card-info .card-info-item span:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: top;
	margin-right: 5px
}

.album-card-box .card-info .card-info-item span.statistics-view:before,
.card-box .card-info .card-info-item span.statistics-view:before {
	background: url(../images/svg/card-liulan.svg?v=1) 0 4px no-repeat;
	background-size: 16px auto
}

.album-card-box .card-info .card-info-item span.statistics-comment:before,
.card-box .card-info .card-info-item span.statistics-comment:before {
	background: url(../images/svg/card-pinglun.svg?v=1) 0 2px no-repeat;
	background-size: 16px auto
}

.album-card-box .card-info .card-info-item span.statistics-tuijian:before,
.card-box .card-info .card-info-item span.statistics-tuijian:before {
	background: url(../images/svg/card-zan.svg?v=1) no-repeat;
	background-size: 16px 16px
}

.album-card-box .card-info .card-info-item span.statistics-collect:before,
.card-box .card-info .card-info-item span.statistics-collect:before {
	background: url(../images/svg/shoucang.svg?v=1) no-repeat;
	background-size: 16px 16px
}

.album-card-box .card-info .card-info-item span.statistics-product:before,
.card-box .card-info .card-info-item span.statistics-product:before {
	background: url(../images/product-icon.png) no-repeat;
	background-size: 16px 16px
}

.album-card-box .card-info .card-info-item span.statistics-content:before,
.card-box .card-info .card-info-item span.statistics-content:before {
	background: url(../images/svg/card-contents.svg) 0 3px no-repeat;
	background-size: 16px auto
}

.album-card-box .card-info .card-info-item span.statistics-participant:before,
.card-box .card-info .card-info-item span.statistics-participant:before {
	background: url(../images/svg/canyuzhe.svg) 0 3px no-repeat;
	background-size: 16px 16px
}

.album-card-box .card-info .card-info-item.card-info-item-recommend,
.card-box .card-info .card-info-item.card-info-item-recommend {
	color: #999
}

.album-card-box .card-info .card-info-item.card-info-item-recommend a:hover,
.card-box .card-info .card-info-item.card-info-item-recommend a:hover {
	color: #d36f16
}

.album-card-box .card-info .card-info-item.card-info-item-recommend i,
.card-box .card-info .card-info-item.card-info-item-recommend i {
	color: #bbb
}

.album-card-box .card-info .card-info-item-recommendhover,
.card-box .card-info .card-info-item-recommendhover {
	cursor: pointer
}

.album-card-box .card-info .card-recommend-hour,
.card-box .card-info .card-recommend-hour {
	color: #bbb;
	font-size: 12px;
	float: right
}

.album-card-box .card-item,
.card-box .card-item {
	height: 50px;
	padding: 0 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative
}

.album-card-box .card-item .user-avatar,
.card-box .card-item .user-avatar {
	display: inline-block
}

.album-card-box .card-item .user-avatar>a>img,
.card-box .card-item .user-avatar>a>img {
	border-radius: 50%;
	margin-right: 10px;
	width: 24px;
	height: 24px;
	border: none;
	vertical-align: middle
}

.album-card-box .card-item .user-avatar>a,
.card-box .card-item .user-avatar>a {
	line-height: 50px;
	font-size: 12px;
	color: #333
}

.album-card-box .card-item>a,
.card-box .card-item>a {
	font-size: 12px
}

.album-card-box .card-item a:hover,
.card-box .card-item a:hover {
	color: #d36f16
}

.album-card-box .card-item .album-create-time,
.album-card-box .card-item .time,
.card-box .card-item .album-create-time,
.card-box .card-item .time {
	color: #bbb;
	font-size: 12px
}

.album-card-box .card-item .time,
.card-box .card-item .time {
	line-height: 50px;
	font-size: 12px;
	float: right
}

.album-card-box .card-item .delete,
.album-card-box .card-item .modify,
.card-box .card-item .delete,
.card-box .card-item .modify {
	display: inline-block;
	vertical-align: middle;
	color: #999
}

.album-card-box .card-item .delete:hover,
.album-card-box .card-item .modify:hover,
.card-box .card-item .delete:hover,
.card-box .card-item .modify:hover {
	color: #282828
}

.album-card-box .card-item .delete-disabled:hover,
.album-card-box .card-item .modify-disabled:hover,
.card-box .card-item .delete-disabled:hover,
.card-box .card-item .modify-disabled:hover {
	color: #bbb
}

.album-card-box .card-item .delete-disabled,
.album-card-box .card-item .modify-disabled,
.card-box .card-item .delete-disabled,
.card-box .card-item .modify-disabled {
	display: inline-block;
	color: #bbb;
	margin-right: 20px;
	vertical-align: middle;
	cursor: default;
	height: 22px;
	line-height: 22px
}

.album-card-box .card-item .modify,
.card-box .card-item .modify {
	background-position: -17px 0;
	margin-right: 20px
}

.album-card-box .card-item .modify:hover,
.card-box .card-item .modify:hover {
	background-position: 0 0
}

.album-card-box .card-item .delete,
.card-box .card-item .delete {
	background-position: -17px -19px
}

.album-card-box .card-item .delete:hover,
.card-box .card-item .delete:hover {
	background-position: 0 -19px
}

.album-card-box .btn-current-card,
.card-box .btn-current-card {
	width: 110px;
	height: 36px
}

.album-card-box .js-project-focus-btn,
.card-box .js-project-focus-btn {
	height: 36px
}

.album-card-box .btn-current-card:not(:last-child),
.card-box .btn-current-card:not(:last-child) {
	margin-right: 16px
}

.album-card-box:hover .event-remove-btn,
.card-box:hover .event-remove-btn {
	display: block
}

.card-mark-tip {
	display: inline-block;
	position: absolute;
	font-size: 12px;
	color: #fff;
	height: 24px;
	line-height: 24px;
	padding: 0 10px;
	border-radius: 4px 0;
	background: rgba(0, 0, 0, .5);
	z-index: 1
}

.album-card-box .card-info .card-info-title .title-content {
	width: 100%
}

.card-remove-btn,
.event-remove-btn {
	position: absolute;
	height: 22px;
	line-height: 22px;
	padding: 0 10px 0 26px;
	color: #fff;
	font-size: 12px;
	background-color: rgba(0, 0, 0, .4);
	top: 10px;
	z-index: 1;
	cursor: pointer;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	vertical-align: middle;
	zoom: 1;
	display: none
}

.card-remove-btn:before,
.event-remove-btn:before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background: url(../images/teamremoveicon.png) no-repeat;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -5px
}

.event-remove-btn {
	right: 10px
}

.card-remove-btn {
	right: 30px
}

.album-card-box .card-img {
	margin: 10px auto 0;
	overflow: hidden;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px
}

.album-card-box .card-img a {
	width: 100%;
	height: 100%;
	display: block
}

.album-card-box .card-album-aspect,
.album-card-box .card-album-placeholder {
	float: left
}

.album-card-box .card-album-placeholder {
	background: #DDD;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.album-card-box .card-album-placeholder img,
.edit-samllbtn {
	display: inline-block
}

.album-card-box .card-edit-block {
	right: 16px;
	top: 16px
}

.edit-samllbtn {
	min-width: 34px;
	height: 22px;
	line-height: 22px;
	color: #fff;
	text-align: center;
	background: url(../images/svg/gengduo.svg);
	border-radius: 0 2px;
	cursor: pointer
}

.card-edit-block {
	position: absolute;
	top: 10px;
	right: 30px;
	z-index: 1
}

.card-edit-block:hover .filter-list-box {
	display: block
}

.card-al-project-covers,
.card-project-covers {
	position: relative;
	float: left
}

.new-add-box {
	width: 100%;
	position: absolute;
	top: 10px;
	left: -4px
}

.new-add-box>span {
	min-width: 58px;
	padding: 0 8px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	display: block;
	background: #ffe300;
	z-index: 2;
	position: absolute;
	border-radius: 0 4px 4px 0;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.new-add-box:before {
	content: "";
	display: block;
	border-top: 2px solid transparent;
	border-right: 4px solid #f5a623;
	border-left: none;
	border-bottom: 2px solid transparent;
	position: absolute;
	top: -2px;
	left: 0
}

.filter-list-box {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	max-height: 612px;
	padding: 6px 0;
	position: absolute;
	top: 22px;
	right: 0;
	z-index: 10;
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .2);
	box-shadow: 0 0 6px rgba(0, 0, 0, .2);
	border-radius: 4px;
	overflow: hidden;
	display: none
}

.filter-list-box ul li:hover {
	background: #f2f2f2
}

.filter-list-box ul li.current {
	color: #d36f16
}

.filter-list-box ul li a {
	padding: 0 30px;
	height: 40px;
	line-height: 40px;
	display: block
}

.card-box-little,
.card-box-mid {
	display: inline-block;
	float: left
}

.hover-show-btn:hover .card-remove-btn {
	display: block
}

.card-designer-list,
.card-designer-list-attention,
.card-designer-list-details {
	width: 100%;
	padding: 30px;
	overflow: hidden;
	background: #fff
}

.card-designer-list .separate-card-list .card-designer-list,
.card-designer-list-attention .separate-card-list .card-designer-list,
.card-designer-list-details .separate-card-list .card-designer-list {
	padding: 20px 30px
}

.card-designer-list .zcool-card-event,
.card-designer-list .zcool-card-fire1,
.card-designer-list .zcool-card-fire2,
.card-designer-list .zcool-card-fire3,
.card-designer-list-attention .zcool-card-event,
.card-designer-list-attention .zcool-card-fire1,
.card-designer-list-attention .zcool-card-fire2,
.card-designer-list-attention .zcool-card-fire3,
.card-designer-list-details .zcool-card-event,
.card-designer-list-details .zcool-card-fire1,
.card-designer-list-details .zcool-card-fire2,
.card-designer-list-details .zcool-card-fire3 {
	width: 14px;
	height: 14px;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	background-size: auto 14px;
	background-repeat: no-repeat;
	background-position: center top
}

.card-designer-list .zcool-card-fire1,
.card-designer-list-attention .zcool-card-fire1,
.card-designer-list-details .zcool-card-fire1 {
	background-image: url(../images/svg/putongtuijian.svg?v=1)
}

.card-designer-list .zcool-card-fire2,
.card-designer-list-attention .zcool-card-fire2,
.card-designer-list-details .zcool-card-fire2 {
	background-image: url(../images/svg/bianjijingxuan.svg?v=1)
}

.card-designer-list .zcool-card-fire3,
.card-designer-list-attention .zcool-card-fire3,
.card-designer-list-details .zcool-card-fire3 {
	background-image: url(../images/svg/shouyetuijian.svg?v=1)
}

.card-designer-list .zcool-card-event,
.card-designer-list-attention .zcool-card-event,
.card-designer-list-details .zcool-card-event {
	width: 16px;
	background-image: url(../images/svg/dasai.svg?v=1)
}

.card-designer-list .hightlight,
.card-designer-list-attention .hightlight,
.card-designer-list-details .hightlight {
	font-weight: 600
}

.card-designer-list .author-info,
.card-designer-list-attention .author-info,
.card-designer-list-details .author-info {
	height: 150px
}

.card-designer-list .author-info .btn-area,
.card-designer-list-attention .author-info .btn-area,
.card-designer-list-details .author-info .btn-area {
	margin-top: 15px
}

.card-designer-list .author-info .btn-area:after,
.card-designer-list-attention .author-info .btn-area:after,
.card-designer-list-details .author-info .btn-area:after {
	content: "";
	display: table;
	clear: both
}

.card-designer-list .author-info .btn-area .btn-current,
.card-designer-list-attention .author-info .btn-area .btn-current,
.card-designer-list-details .author-info .btn-area .btn-current {
	width: 100px;
	height: 36px;
	margin-right: 6px
}

.card-designer-list .author-info .btn-area .js-project-focus-btn,
.card-designer-list-attention .author-info .btn-area .js-project-focus-btn,
.card-designer-list-details .author-info .btn-area .js-project-focus-btn {
	height: 36px
}

.card-designer-list .author-info .btn-area .private-letter,
.card-designer-list .work-show,
.card-designer-list-attention .author-info .btn-area .private-letter,
.card-designer-list-attention .work-show,
.card-designer-list-details .author-info .btn-area .private-letter,
.card-designer-list-details .work-show {
	float: right
}

.card-designer-list .work-show ul,
.card-designer-list-attention .work-show ul,
.card-designer-list-details .work-show ul {
	float: left
}

.card-designer-list .work-show ul li,
.card-designer-list-attention .work-show ul li,
.card-designer-list-details .work-show ul li {
	float: left;
	margin-left: 10px;
	position: relative
}

.card-designer-list .work-show .work-show-item a img,
.card-designer-list .work-show .work-show-more a img,
.card-designer-list-attention .work-show .work-show-item a img,
.card-designer-list-attention .work-show .work-show-more a img,
.card-designer-list-details .work-show .work-show-item a img,
.card-designer-list-details .work-show .work-show-more a img {
	vertical-align: middle
}

.card-designer-list .work-show .seize-box,
.card-designer-list-attention .work-show .seize-box,
.card-designer-list-details .work-show .seize-box {
	width: 26px;
	margin-left: 20px;
	margin-right: -10px;
	float: right
}

.card-designer-list .work-show .work-show-more .view-more,
.card-designer-list-attention .work-show .work-show-more .view-more,
.card-designer-list-details .work-show .work-show-more .view-more {
	width: 6px;
	height: 150px;
	padding: 0 10px;
	display: block;
	text-align: center;
	line-height: 180px;
	position: relative
}

.card-designer-list .work-show .work-show-more .view-more .more-icon,
.card-designer-list-attention .work-show .work-show-more .view-more .more-icon,
.card-designer-list-details .work-show .work-show-more .view-more .more-icon {
	position: absolute;
	top: 50%;
	margin-top: -19px;
	left: 50%;
	margin-left: -3px;
	display: inline-block
}

.card-designer-list .work-show .work-show-more .view-more .more-icon span,
.card-designer-list-attention .work-show .work-show-more .view-more .more-icon span,
.card-designer-list-details .work-show .work-show-more .view-more .more-icon span {
	display: block;
	width: 6px;
	height: 6px;
	margin: 5px 0;
	background: #ffe300;
	border-radius: 50%
}

.card-designer-list .work-show .work-show-more .view-more:hover span,
.card-designer-list-attention .work-show .work-show-more .view-more:hover span,
.card-designer-list-details .work-show .work-show-more .view-more:hover span {
	background: #333
}

.card-designer-list .avatar,
.card-designer-list-attention .avatar,
.card-designer-list-details .avatar,
.card-team-list .avatar {
	float: left;
	margin-bottom: 10px
}

.card-designer-list .avatar img,
.card-designer-list-attention .avatar img,
.card-designer-list-details .avatar img,
.card-team-list .avatar img {
	width: 80px;
	height: 80px;
	border-radius: 50%
}

.card-designer-list .author-info,
.card-designer-list-attention .author-info,
.card-designer-list-details .author-info,
.card-team-list .author-info {
	float: left;
	width: 220px;
	margin-left: 20px;
	position: relative
}

.card-designer-list .author-info .author-info-title-box,
.card-designer-list-attention .author-info .author-info-title-box,
.card-designer-list-details .author-info .author-info-title-box,
.card-team-list .author-info .author-info-title-box {
	height: 26px;
	line-height: 26px;
	overflow: hidden
}

.card-designer-list .author-info .author-info-title-box .author-info-title,
.card-designer-list-attention .author-info .author-info-title-box .author-info-title,
.card-designer-list-details .author-info .author-info-title-box .author-info-title,
.card-team-list .author-info .author-info-title-box .author-info-title {
	float: left
}

.card-designer-list .author-info .author-info-title-box .author-info-fire,
.card-designer-list-attention .author-info .author-info-title-box .author-info-fire,
.card-designer-list-details .author-info .author-info-title-box .author-info-fire,
.card-team-list .author-info .author-info-title-box .author-info-fire {
	float: left;
	margin-left: 4px;
	margin-top: 3px
}

.card-designer-list .author-info .author-info-title,
.card-designer-list-attention .author-info .author-info-title,
.card-designer-list-details .author-info .author-info-title,
.card-team-list .author-info .author-info-title {
	margin-bottom: 2px
}

.card-designer-list .author-info .author-info-title .title-content,
.card-designer-list-attention .author-info .author-info-title .title-content,
.card-designer-list-details .author-info .author-info-title .title-content,
.card-team-list .author-info .author-info-title .title-content {
	color: #333;
	font-size: 16px;
	font-weight: 600;
	vertical-align: middle
}

.card-designer-list .author-info .author-info-title .title-content:hover,
.card-designer-list-attention .author-info .author-info-title .title-content:hover,
.card-designer-list-details .author-info .author-info-title .title-content:hover,
.card-team-list .author-info .author-info-title .title-content:hover {
	color: #d36f16
}

.card-designer-list .author-info .position-info,
.card-designer-list-attention .author-info .position-info,
.card-designer-list-details .author-info .position-info,
.card-team-list .author-info .position-info {
	font-size: 12px;
	color: #bbb;
	margin-bottom: 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.card-designer-list .author-info .position-info span,
.card-designer-list-attention .author-info .position-info span,
.card-designer-list-details .author-info .position-info span,
.card-team-list .author-info .position-info span {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.card-designer-list .author-info .signature p,
.card-designer-list-attention .author-info .signature p,
.card-designer-list-details .author-info .signature p,
.card-team-list .author-info .signature p {
	width: 220px;
	margin-top: 2px;
	display: inline-block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 12px;
	color: #bbb
}

.card-designer-list .author-info .info-num,
.card-designer-list-attention .author-info .info-num,
.card-designer-list-details .author-info .info-num,
.card-team-list .author-info .info-num {
	font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.card-designer-list .author-info .info-num .fans,
.card-designer-list .author-info .info-num .work,
.card-designer-list-attention .author-info .info-num .fans,
.card-designer-list-attention .author-info .info-num .work,
.card-designer-list-details .author-info .info-num .fans,
.card-designer-list-details .author-info .info-num .work,
.card-team-list .author-info .info-num .fans,
.card-team-list .author-info .info-num .work {
	display: inline-block
}

.card-designer-list .author-info .info-num .fans span,
.card-designer-list .author-info .info-num .work span,
.card-designer-list-attention .author-info .info-num .fans span,
.card-designer-list-attention .author-info .info-num .work span,
.card-designer-list-details .author-info .info-num .fans span,
.card-designer-list-details .author-info .info-num .work span,
.card-team-list .author-info .info-num .fans span,
.card-team-list .author-info .info-num .work span {
	color: #666
}

.card-designer-list .author-info .info-num .work i,
.card-designer-list-attention .author-info .info-num .work i,
.card-designer-list-details .author-info .info-num .work i,
.card-team-list .author-info .info-num .work i {
	display: inline-block;
	width: 1px;
	height: 10px;
	background: #333;
	margin: 0 5px
}

.card-designer-list .author-info .info-num a,
.card-designer-list-attention .author-info .info-num a,
.card-designer-list-details .author-info .info-num a,
.card-team-list .author-info .info-num a {
	color: #333;
	font-weight: 600
}

.author-info-card .author-card_title-name:hover,
.card-designer-list .author-info .info-num a:hover,
.card-designer-list-attention .author-info .info-num a:hover,
.card-designer-list-details .author-info .info-num a:hover,
.card-team-list .author-info .info-num a:hover {
	color: #d36f16
}

.card-designer-list-attention:not(:last-child),
.card-designer-list:not(:last-child),
.card-team-list:not(:last-child) {
	border-bottom: 1px solid #eee
}

.card-designer-list-details .work-show .seize-box,
.card-designer-list-details .work-show .work-show-more,
.card-designer-list-details .work-show .work-show-more .view-more {
	height: 100%
}

.card-designer-list-details .author-info {
	height: 95px
}

.author-info-card {
	width: 320px;
	max-height: -webkit-max-content;
	max-height: -moz-max-content;
	max-height: max-content;
	padding: 20px;
	position: absolute;
	z-index: 11;
	left: 0;
	bottom: 49px;
	background: #fff;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .15);
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .15)
}

.author-info-card .author-card-box {
	width: inherit
}

.author-info-card .avatar-container-40 .avatar-container_face img {
	width: 40px;
	height: 40px
}

.author-info-card .author-card_topbar {
	width: inherit;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.author-info-card .author-card_title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 174px;
	white-space: nowrap;
	overflow: hidden
}

.author-info-card .author-card_title-name {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.author-info-card .author-card_info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.author-info-card .author-card_position {
	font-size: 12px;
	color: #999;
	max-width: 184px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.author-info-card .btn-current-h30 {
	width: 70px;
	height: 30px
}

.author-info-card .author-card_products_box {
	margin-top: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.author-info-card .author-card_products_box>a {
	margin-left: 10px;
	background: #F2F2F2;
	border-radius: 4px
}

.author-info-card .author-card_products_box>a:first-child {
	margin-left: 0
}

.author-info-card .author-card_products_box img {
	width: 100px;
	height: 75px;
	border-radius: 4px;
	display: block
}

.author-info-card .author-card_honor-medal {
	margin-left: 8px;
	margin-top: -1px
}

.author-info-card .author-card_honor-medal img {
	width: 15px;
	height: 15px;
	vertical-align: middle
}

.author-info-card::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	bottom: -4px;
	left: 22px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-width: 6px;
	border-style: solid;
	border-color: transparent transparent #fff #fff;
	-webkit-transform: rotate(-46deg);
	-webkit-transform-origin: center;
	transform-origin: center;
	transform: rotate(-46deg);
	-webkit-box-shadow: -3px 2px 2px rgba(255, 255, 255, .05);
	box-shadow: -3px 2px 2px rgba(255, 255, 255, .05)
}

.author-info-card.triangle_top {
	-webkit-box-shadow: 2px -2px 15px rgba(0, 0, 0, .15);
	box-shadow: 2px -2px 15px rgba(0, 0, 0, .15)
}

.author-info-card.triangle_top:after {
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	top: -4px
}

.author-info-card .js-project-focus-btn {
	height: 30px
}

.statistics-creation,
.statistics-fans,
.statistics-popularity {
	height: 20px;
	line-height: 20px;
	color: #bbb;
	font-size: 12px;
	display: inline-block
}

.statistics-creation::before,
.statistics-fans::before,
.statistics-popularity::before {
	content: "";
	display: inline-block;
	width: 20px;
	height: inherit;
	background-repeat: no-repeat;
	background-position-y: center;
	vertical-align: top
}

.statistics-popularity::before {
	background-image: url(../images/svg/statistics-popularity.svg)
}

.statistics-fans::before {
	background-image: url(../images/svg/statistics-fans.svg)
}

.statistics-creation::before {
	background-image: url(../images/svg/statistics-creation.svg)
}

.personal-card,
.personal-menu {
	background: #fff;
	border-radius: 4px;
	overflow: hidden
}

.personal-card {
	text-align: center;
	margin-bottom: 10px;
	padding: 30px 0 20px
}

.personal-card .author-avatar img {
	border-radius: 50%
}

.personal-card .presonal-info {
	margin: 16px 0 0
}

.personal-card .presonal-info .author-name {
	font-size: 16px;
	font-weight: 600
}

.personal-card .presonal-info .author-name:hover {
	color: #d36f16
}

.personal-card .position-info {
	margin-bottom: 24px
}

.personal-card .position-info span {
	font-size: 12px;
	color: #bbb;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.personal-card .info-num .work {
	position: relative
}

.personal-card .info-num .work:after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 30px;
	background: #ddd;
	position: absolute;
	top: 5px;
	right: 0
}

.personal-card .info-num .fans,
.personal-card .info-num .work {
	width: 50%;
	text-align: center;
	float: left
}

.personal-card .info-num .fans p,
.personal-card .info-num .work p {
	color: #999
}

.personal-card .info-num .fans a,
.personal-card .info-num .work a {
	color: #333;
	font-weight: 600
}

.personal-menu p {
	background: #fff
}

.personal-menu a {
	display: block;
	color: #333;
	height: 52px;
	line-height: 52px;
	padding: 0 30px;
	position: relative
}

.personal-menu sup.subnav-dot-sup {
	top: 16px
}

.personal-menu .menu-list:not(:last-child) {
	border-bottom: 1px solid #eee
}

.personal-menu .menu-list li {
	background: #fff;
	position: relative
}

.personal-menu .menu-list li:hover {
	background: #ffe300
}

.personal-menu .menu-list .menu-list-default.current i {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 10px;
	width: 3px;
	height: 32px;
	background: #ffe300;
	vertical-align: middle
}

.personal-menu .new-red {
	width: auto
}

.personal-menu .new-red-public {
	position: absolute;
	top: 18px;
	right: 30px
}

.detail-editor .personal-menu .menu-list li:hover {
	background: #f2f2f2
}

.card-media .info-num a:hover,
.card-media .presonal-info a:hover {
	color: #d36f16
}

.card-media .private-letter {
	float: right
}

.designer-card {
	background: #fff;
	border-radius: 4px;
	text-align: center;
	padding: 30px 0 20px;
	display: inline-block;
	margin: 0 20px 20px 0;
	float: left
}

.designer-card .author-avatar {
	width: 80px;
	height: 80px;
	display: inline-block
}

.designer-card .author-avatar img {
	border-radius: 50%;
	vertical-align: middle
}

.designer-card .presonal-info {
	margin: 16px 0 0
}

.designer-card .presonal-info .author-name {
	font-size: 16px;
	color: #333;
	font-weight: 600;
	vertical-align: middle;
	margin-right: 4px
}

.designer-card .position-info {
	margin-bottom: 20px
}

.designer-card .position-info span {
	font-size: 12px;
	color: #bbb;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.designer-card .info-num {
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px
}

.designer-card .info-num .work:after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 10px;
	background: #ddd;
	position: absolute;
	top: 5px;
	right: 0
}

.designer-card .info-num .fans,
.designer-card .info-num .work {
	width: 48%;
	text-align: center;
	display: inline-block;
	position: relative
}

.designer-card .info-num .fans a,
.designer-card .info-num .work a {
	font-size: 12px;
	color: #333;
	font-weight: 600
}

.designer-card .info-num .fans span,
.designer-card .info-num .work span {
	font-size: 12px;
	color: #999
}

.designer-card .btn-area .attention,
.designer-card .btn-area .attention-preview,
.designer-card .js-project-focus-btn {
	float: left
}

.designer-card .f-auto {
	float: none
}

.recommend-menu {
	width: 260px;
	max-height: 320px;
	position: absolute;
	-webkit-box-shadow: 1px 0 6px rgba(0, 0, 0, .2);
	box-shadow: 1px 0 6px rgba(0, 0, 0, .2);
	background: #fff;
	border-radius: 4px;
	top: 96px;
	left: 0;
	z-index: 12
}

.recommend-menu p {
	height: 50px;
	line-height: 50px;
	font-size: 12px;
	padding: 0 16px;
	border-bottom: 1px solid #eaeaea;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.recommend-menu ul {
	max-height: 240px;
	padding: 6px 0;
	overflow: hidden
}

.recommend-menu ul li {
	height: 48px;
	line-height: 48px;
	color: #333;
	cursor: pointer
}

.recommend-menu ul li a {
	padding: 0 16px;
	font-size: 14px;
	display: block
}

.recommend-menu ul li a img {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 2px
}

.recommend-menu ul li:hover {
	background: #f2f2f2
}

.recommend-menu:before {
	content: "";
	color: #fff;
	font-size: 40px;
	border-width: 6px;
	-webkit-box-shadow: -3px -3px 8px rgba(0, 0, 0, .1);
	box-shadow: -3px -3px 8px rgba(0, 0, 0, .1);
	-webkit-transform-origin: 0 0;
	-webkit-transform: rotate(45deg);
	transform-origin: 0 0;
	transform: rotate(45deg);
	position: absolute;
	top: -8px;
	border-style: solid;
	left: 35px
}

.album-cover-hover:hover,
.card-img-hover img:hover {
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	opacity: .8;
	-khtml-opacity: .8;
	-webkit-transition: all .1s linear;
	transition: all .1s linear
}

div[class*=avatar-container] .avatar-container_face,
div[class*=avatar-container]>a img {
	border-radius: 50%;
	display: block;
	background: #F2F2F2
}

div[class*=avatar-container] .avatar-container_face img,
div[class*=avatar-container]>a img img {
	border-radius: 50%;
	display: block
}

.avatar-container-80 {
	position: relative;
	width: 80px
}

.avatar-container-80.wd120 {
	width: 120px
}

.avatar-container-80.center,
.avatar-container-80.z-center {
	margin: 0 auto;
	position: relative
}

.avatar-container-80.inline {
	display: inline
}

.avatar-container-80.inline-block {
	display: inline-block;
	margin-right: -4px
}

.avatar-container-80 .company-honor {
	position: absolute;
	top: 59px;
	bottom: -2px;
	right: -2px;
	width: 24px;
	height: 24px;
	line-height: initial
}

.avatar-container-80 .company-honor.mt9 {
	margin-top: 9px
}

.avatar-container-80 .company-honor.mt22 {
	margin-top: -22px
}

.avatar-container-80 .company-honor.mt39 {
	margin-top: 39px
}

.avatar-container-80 .company-honor.mr8 {
	margin-right: 8px
}

.avatar-container-80 .company-honor.mr32 {
	margin-right: -32px
}

.avatar-container-80 .company-honor.mr12 {
	margin-right: -12px
}

.avatar-container-80 .company-honor>img {
	width: 24px;
	height: 24px
}

.avatar-parent-48 {
	height: 48px;
	position: relative;
	padding-left: 68px
}

.avatar-container-48 {
	position: relative;
	width: 48px
}

.avatar-container-48.absolute {
	position: absolute;
	left: 0;
	top: 0
}

.avatar-container-48.center {
	margin: 0 auto;
	position: inherit;
	left: inherit;
	-webkit-transform: inherit;
	transform: inherit
}

.avatar-container-48.inline {
	display: inline
}

.avatar-container-48.right {
	display: right
}

.avatar-container-48 .company-honor {
	position: absolute;
	top: 65px;
	bottom: -2px;
	right: -2px;
	width: 20px;
	height: 20px;
	line-height: initial
}

.avatar-container-48 .company-honor.at30 {
	top: 30px
}

.avatar-container-48 .company-honor.mt9 {
	margin-top: 9px
}

.avatar-container-48 .company-honor.mt19 {
	margin-top: -19px
}

.avatar-container-48 .company-honor.mt35 {
	margin-top: -35px
}

.avatar-container-48 .company-honor>img {
	width: 20px;
	height: 20px
}

.avatar-container-40 {
	width: 40px;
	position: relative
}

.avatar-container-40 .avatar-container_face>img {
	width: 40px;
	height: 40px
}

.avatar-container-40 .company-honor {
	position: absolute;
	bottom: 0;
	right: -2px;
	width: 14px;
	height: 14px
}

.avatar-container-40 .company-honor>img {
	width: 14px;
	height: 14px
}

.avatar-container-40 .company-honor.ab2 {
	bottom: 2px
}

.avatar-container-30 {
	width: 30px;
	position: relative
}

.avatar-container-30 .avatar-container_face img {
	width: 30px;
	height: 30px
}

.avatar-container-30.center {
	margin: 0 auto;
	position: inherit;
	left: inherit;
	-webkit-transform: inherit;
	transform: inherit
}

.avatar-container-30.inline {
	display: inline
}

.avatar-container-30.inline-block {
	display: inline-block
}

.avatar-container-30.inline-block.mr16 {
	margin-right: 16px
}

.avatar-container-30.wd30 {
	width: 30px !important
}

.avatar-container-30>.company-honor {
	position: absolute;
	top: 11px;
	bottom: -2px;
	right: -1px;
	width: 14px;
	height: 14px;
	line-height: initial
}

.avatar-container-30 .company-honor.clear {
	width: inherit !important;
	height: initial !important;
	border-radius: initial !important
}

.avatar-container-30 .company-honor>img,
.company-honor.top-fix>img {
	width: 14px;
	height: 14px
}

.avatar-container-30 .company-honor.mt5 {
	margin-top: 5px
}

.avatar-container-30 .company-honor.mt7 {
	margin-top: 7px
}

.avatar-container-30 .company-honor.mt6 {
	margin-top: 6px !important
}

.avatar-container-30 .company-honor.mt9 {
	margin-top: 9px
}

.avatar-container-30 .company-honor.mt18 {
	margin-top: 18px
}

.avatar-container-30 .company-honor.mr16 {
	margin-right: -16px !important
}

.avatar-container-30 .company-honor.mr19 {
	margin-right: 19px
}

.avatar-container-30 .company-honor.mr20 {
	margin-right: 20px
}

.avatar-container-45 {
	position: relative
}

.company-honor.top-fix {
	position: absolute;
	left: 17px;
	bottom: 13px;
	height: 14px;
	line-height: initial
}

.avatar-radius>img {
	border-radius: 50%;
	display: block
}

.zcool-treetop {
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	zoom: 1
}

.zcool-treetop a {
	float: left;
	margin-right: 4px
}

.people-nick-name .zcool-treetop {
	height: 18px
}

.people-nick-name .zcool-treetop img {
	width: 18px;
	height: 18px
}

.card-media .more-leaveout img,
.zcool-treetop img {
	width: 16px;
	height: 16px
}

.people-nick-name .zcool-treetop a {
	margin-top: -5px
}

.card-media .more-leaveout:hover .leaveout-tips {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.card-media .zcool-treetop {
	max-width: 68px;
	overflow: hidden
}

.card-media .more-leaveout {
	height: 16px;
	margin-left: -2px;
	cursor: pointer;
	position: relative;
	vertical-align: middle;
	zoom: 1;
	display: none
}

.card-media .leaveout-tips {
	padding: 16px;
	text-align: center;
	position: absolute;
	left: 50%;
	background: #fff;
	z-index: 4;
	top: 26px;
	vertical-align: middle;
	zoom: 1;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0 0 6px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .2);
	display: none;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.card-media .leaveout-tips img {
	vertical-align: middle
}

.card-media .leaveout-tips:before {
	content: "";
	display: block;
	width: 30px;
	height: 13px;
	background: url(../images/poptriangle.png) no-repeat;
	position: absolute;
	top: -13px;
	left: 50%;
	margin-left: -15px
}

.more-leaveout img {
	width: 16px;
	height: 16px
}

.ad_card_type01 {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px
}

.album-covers-260 {
	width: 260px;
	height: 195px;
	position: relative
}

.album-covers-260 .card-album-aspect,
.album-covers-260 .card-album-placeholder {
	width: 130px;
	height: 97.5px;
	float: left;
	background: #DDD
}

.album-covers-260 .card-album-aspect img {
	width: 100%
}

.album-covers-260 .card-album-placeholder {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.album-covers-260 .card-album-placeholder img {
	width: 48px
}

.card-containar-260 div.card-box {
	width: 260px
}

.card-containar-260 div.card-box .card-img,
.card-containar-260 div.card-box .card-img a img {
	width: 260px;
	height: 195px
}

.card-media-mid-btn {
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.personal-card .btn-area {
	padding: 0 20px
}

.personal-card .btn-current {
	line-height: 36px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.card-type2-box {
	float: left;
	position: relative;
	background: #fff;
	margin: 0 20px 20px 0;
	overflow: hidden;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px
}

.card-type2-title-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 10px
}

.card-type2-title {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle
}

.card-type2-title:hover {
	color: #d36f16
}

.fire3 {
	background-image: url(../images/svg/shouyetuijian.svg?v=1)
}

.fire2 {
	background-image: url(../images/svg/bianjijingxuan.svg?v=1)
}

.fire1 {
	background-image: url(../images/svg/putongtuijian.svg?v=1)
}

.fire-15,
.fire-16,
.fire-18 {
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block
}

.fire-18 {
	width: 18px;
	height: 18px;
	background-size: auto 18px
}

.fire-16 {
	width: 16px;
	height: 16px;
	background-size: auto 16px
}

.fire-15 {
	width: 15px;
	height: 15px;
	background-size: auto 15px
}

.ad-media-list {
	margin-top: 10px
}

.ad-media-list img {
	width: 100%;
	height: 100%;
	border-radius: 4px;
	display: block
}

.card-btn-group-cover {
	position: absolute;
	top: 10px;
	right: 30px;
	z-index: 1
}

.card-btn-group-cover.mtr6 {
	margin-top: 6px;
	margin-right: 6px
}

.hover-show-edit-group:not(.disabled):hover .card-btn-group-cover {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.card-black-more-btn {
	width: 31px;
	height: 21px;
	border-radius: 4px;
	-webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .1);
	box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .1);
	cursor: pointer;
	position: relative;
	background: url(../images/svg/black-more-icon.svg) center no-repeat #fff
}

.card-black-more-btn .filter-list-box {
	top: 26px
}

.card-btn-hover-cover {
	height: 30px
}

.card-btn-hover-cover:hover .filter-list-box {
	display: block
}

@media screen and (max-width:1600px) {

	.all-work-list,
	.work-pure-wrap {
		width: 1130px
	}

	.card-designer-list {
		width: 1070px
	}

	.card-designer-list-details {
		width: 850px
	}

	.designer-list-box.card-right-list-box .card-designer-list {
		width: 840px
	}

	.designer-list-box.project-covers-850_1100 .card-designer-list {
		width: 790px
	}

	.card-box-little .card-box .card-item .user-avatar,
	.card-box-mid .card-box .card-item .user-avatar {
		width: 114px
	}

	.card-box {
		width: 210px
	}

	.card-box .card-img,
	.card-box .card-img a img {
		width: 210px;
		height: 158px
	}

	.card-box .card-item .user-avatar {
		width: 120px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden
	}

	.card-media,
	.card-type2-box,
	.down-page-card .card-box-little .card-box {
		width: 210px
	}

	.card-type2-box .card-type2-img,
	.card-type2-box .card-type2-img a img {
		width: 210px;
		height: 158px
	}

	.card-type2-title {
		max-width: 164px
	}

	.designer-card .btn-area .btn-current,
	.personal-card .btn-current {
		width: 80px;
		height: 36px
	}

	.designer-card .btn-area {
		padding: 0 20px
	}

	.designer-card .btn-area:after {
		content: "";
		display: table;
		clear: both
	}

	.designer-card .btn-area .js-project-focus-btn {
		height: 36px
	}

	.work-con-box {
		width: 630px;
		height: 150px;
		overflow: hidden
	}

	.small-work-con-box {
		width: 420px;
		height: 150px;
		overflow: hidden
	}

	.card-box-little .card-box {
		width: 197px
	}

	.card-box-little .card-box .card-info .card-info-item span {
		margin-right: 10px
	}

	.card-box-little .card-box .card-info .card-info-item span:before {
		margin-right: 4px
	}

	.card-box-little .card-img,
	.card-box-little .card-img a img {
		width: 100%;
		height: 148px
	}

	.card-box-mid .card-box {
		width: 197px
	}

	.card-box-mid .card-box .card-info .card-info-item span {
		margin-right: 10px
	}

	.card-box-mid .card-box .card-info .card-info-item span:before {
		margin-right: 4px
	}

	.card-box-mid .card-img,
	.card-box-mid .card-img a img {
		width: 100%;
		height: 148px
	}

	.ad_card_type01 {
		width: 210px;
		height: 308px;
		overflow: hidden
	}

	.ad_card_type01 #ad1 img {
		width: 210px !important;
		height: auto !important
	}

	.work-list-box .card-box:nth-child(4n) .recommend-menu {
		right: 0;
		left: auto
	}

	.work-list-box .card-box:nth-child(4n) .recommend-menu:before {
		left: 80px
	}

	.album-card-box {
		width: 210px
	}

	.album-card-box .card-img {
		width: 190px;
		height: 144px
	}

	.album-card-box .card-album-aspect img {
		width: 100%;
		height: 100%
	}

	.album-card-box .card-album-aspect,
	.album-card-box .card-album-placeholder {
		width: 95px;
		height: 72px
	}

	.album-card-box .card-album-placeholder img {
		width: 39px
	}

	.album-card-box .card-item .user-avatar {
		width: 120px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden
	}

	.small-size-card {
		width: 197px
	}

	.small-size-card .card-img {
		width: 197px;
		height: 148px
	}

	.small-size-card .card-album-aspect,
	.small-size-card .card-album-placeholder {
		width: 98.5px;
		height: 74px
	}

	.card-media-mid-btn {
		width: 160px
	}

	.ad-media-list {
		width: 210px
	}

	.card-height-media {
		height: 308px
	}
}

@media screen and (min-width:1601px) {

	.all-work-list,
	.work-pure-wrap {
		width: 1380px
	}

	.card-designer-list {
		width: 1320px
	}

	.card-designer-list-details {
		width: 1098px
	}

	.designer-list-box.card-right-list-box .card-designer-list,
	.designer-list-box.project-covers-850_1100 .card-designer-list {
		width: 1040px
	}

	.card-box {
		width: 260px
	}

	.card-box .card-img,
	.card-box .card-img a img {
		width: 260px;
		height: 195px
	}

	.card-type2-box {
		width: 260px
	}

	.card-type2-box .card-type2-img,
	.card-type2-box .card-type2-img a img {
		width: 260px;
		height: 195px
	}

	.card-type2-title {
		max-width: 200px
	}

	.album-card-box,
	.card-media {
		width: 260px
	}

	.personal-card {
		padding: 40px 0 30px
	}

	.designer-card .btn-area {
		padding: 0 20px
	}

	.designer-card .btn-area:after {
		content: "";
		display: table;
		clear: both
	}

	.designer-card .btn-area .btn-current {
		width: 105px;
		height: 36px
	}

	.designer-card .btn-area .js-project-focus-btn {
		height: 32px
	}

	.personal-card .btn-current {
		width: 105px;
		height: 36px
	}

	.work-con-box {
		width: 840px;
		height: 150px;
		overflow: hidden
	}

	.small-work-con-box {
		width: 630px;
		height: 150px;
		overflow: hidden
	}

	.card-box-little .card-box {
		width: 260px
	}

	.card-box-little .card-img,
	.card-box-little .card-img a img {
		width: 100%;
		height: 176px
	}

	.card-box-mid .card-box {
		width: 260px
	}

	.card-box-mid .card-img,
	.card-box-mid .card-img a img {
		width: 100%;
		height: 195px
	}

	.ad_card_type01 {
		width: 260px;
		height: 345px;
		overflow: hidden
	}

	.ad_card_type01 #ad1 img {
		width: 260px !important;
		height: auto !important;
		margin-top: -18px
	}

	.album-card-box .card-img {
		width: 240px;
		height: 182px
	}

	.album-card-box .card-album-aspect img {
		width: 100%;
		height: 100%
	}

	.album-card-box .card-album-aspect,
	.album-card-box .card-album-placeholder {
		width: 120px;
		height: 91px
	}

	.album-card-box .card-album-placeholder img {
		width: 48px
	}

	.card-media-mid-btn {
		width: 220px
	}

	.ad-media-list {
		width: 260px
	}

	.card-height-media {
		height: 345px
	}
}

.js-focus-loadding-btn {
	min-width: 70px;
	height: 10px;
	margin: -5px auto 0 -35px;
	position: absolute;
	top: 50%;
	left: 50%
}

.js-focus-loadding-btn div {
	float: left;
	width: 10px;
	height: 10px;
	margin-left: 10px;
	border-radius: 50%;
	-webkit-animation: scale .3s linear infinite;
	animation: scale .3s linear infinite
}

@-webkit-keyframes scale {
	0% {
		opacity: .4
	}

	50% {
		opacity: .7
	}

	100% {
		opacity: 1
	}
}

@keyframes scale {
	0% {
		opacity: .4
	}

	50% {
		opacity: .7
	}

	100% {
		opacity: 1
	}
}

.focus-loadding-y div:nth-child(1) {
	background: rgba(40, 40, 40, .4);
	-webkit-animation-delay: .2s;
	animation-delay: .2s
}

.focus-loadding-y div:nth-child(2) {
	background: rgba(40, 40, 40, .7);
	-webkit-animation-delay: .4s;
	animation-delay: .4s
}

.focus-loadding-y div:nth-child(3) {
	background: #282828;
	-webkit-animation-delay: .6s;
	animation-delay: .6s
}

.focus-loadding-s div:nth-child(1) {
	background: rgba(187, 187, 187, .4);
	-webkit-animation-delay: .2s;
	animation-delay: .2s
}

.focus-loadding-s div:nth-child(2) {
	background: rgba(187, 187, 187, .7);
	-webkit-animation-delay: .4s;
	animation-delay: .4s
}

.focus-loadding-s div:nth-child(3) {
	background: #bbb;
	-webkit-animation-delay: .6s;
	animation-delay: .6s
}

.btn-area .js-c-loading-cover,
.btn-area .js-project-focus-btn {
	display: inline-block
}

.js-c-loading-cover,
.js-project-focus-btn {
	position: relative
}

.card-right-list-box.mt-5 {
	margin-top: 5px
}

.separate-designer-list-wrap .separate-card-list {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px
}

.focus-card-tag-wrap {
	padding-top: 10px;
	padding-left: 130px;
	background: #fff;
	position: relative
}

.dropdown,
.dropdown div,
.dropdown div::after,
.dropdown li {
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out
}

.dropdown .selected::after,
.dropdown.scrollable div::after {
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	pointer-events: none
}

.dropdown {
	position: relative;
	width: 160px;
	border: 1px solid #ccc;
	cursor: pointer;
	background: #fff;
	border-radius: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.dropdown.open {
	z-index: 2
}

.dropdown:hover {
	box-shadow: 0 0 5px rgba(0, 0, 0, .15)
}

.dropdown.focus {
	box-shadow: 0 0 5px rgba(51, 102, 248, .4)
}

.dropdown .carat {
	position: absolute;
	right: 12px;
	top: 50%;
	margin-top: -4px;
	border: 6px solid transparent;
	border-top: 8px solid #000
}

.dropdown.open .carat {
	margin-top: -10px;
	border-top: 6px solid transparent;
	border-bottom: 8px solid #000
}

.dropdown.disabled .carat {
	border-top-color: #999
}

.dropdown .old {
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	width: 0;
	overflow: hidden
}

.dropdown.touch .old,
.dropdown.touch select {
	width: 100%;
	height: 100%
}

.dropdown select {
	position: absolute;
	left: 0;
	top: 0
}

.dropdown.touch select {
	opacity: 0
}

.dropdown .selected,
.dropdown li {
	display: block;
	font-size: 18px;
	line-height: 1;
	color: #000;
	padding: 9px 12px;
	overflow: hidden;
	white-space: nowrap
}

.dropdown.disabled .selected {
	color: #999
}

.dropdown .selected::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 60px;
	border-radius: 0 2px 2px 0;
	box-shadow: inset -55px 0 25px -20px #fff
}

.dropdown div {
	position: absolute;
	height: 0;
	left: -1px;
	right: -1px;
	top: 100%;
	margin-top: -1px;
	background: #fff;
	border: 1px solid #ccc;
	border-top: 1px solid #eee;
	border-radius: 0 0 3px 3px;
	overflow: hidden;
	opacity: 0
}

.dropdown.open div {
	opacity: 1;
	z-index: 2
}

.dropdown.scrollable div::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50px;
	box-shadow: inset 0 -50px 30px -35px #fff
}

.dropdown.scrollable.bottom div::after {
	opacity: 0
}

.dropdown ul {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	list-style: none;
	overflow: hidden
}

.dropdown.scrollable.open ul {
	overflow-y: auto
}

.dropdown li {
	list-style: none;
	padding: 8px 12px
}

.dropdown li.focus {
	background: #d24a67;
	position: relative;
	z-index: 3;
	color: #fff
}

.dropdown li.active {
	font-weight: 700
}

.dropdown,
.dropdown .carat,
.dropdown .carat:after,
.dropdown .selected::after,
.dropdown div,
.dropdown div::after,
.dropdown li,
.dropdown:after {
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out
}

.dropdown .selected::after,
.dropdown.scrollable div::after {
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	pointer-events: none
}

.dropdown {
	position: relative;
	width: 250px;
	cursor: pointer;
	font-weight: 200;
	background: #29AF84;
	padding: 8px 0;
	border-radius: 5px;
	color: #000;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.dropdown div,
.dropdown li.focus,
.dropdown.focus,
.dropdown:hover {
	background: #00C384
}

.dropdown.open {
	z-index: 2
}

.dropdown .carat,
.dropdown .carat:after {
	position: absolute;
	right: 14px;
	top: 50%;
	margin-top: -3px;
	border: 6px solid transparent;
	border-top: 6px solid #FFF;
	z-index: 1;
	-webkit-transform-origin: 50% 20%;
	-moz-transform-origin: 50% 20%;
	-ms-transform-origin: 50% 20%;
	transform-origin: 50% 20%
}

.dropdown:hover .carat:after {
	border-top-color: #f4f4f4
}

.dropdown.focus .carat {
	border-top-color: #f8f8f8
}

.dropdown.focus .carat:after {
	border-top-color: #0180d1
}

.dropdown.open .carat {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.dropdown .old {
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	width: 0;
	overflow: hidden
}

.dropdown select {
	position: absolute;
	left: 0;
	top: 0
}

.dropdown.touch select {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0
}

.dropdown .selected {
	color: #FFF
}

.dropdown .selected,
.dropdown li {
	display: block;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1;
	padding: 8px 12px;
	overflow: hidden;
	white-space: nowrap
}

.dropdown .selected::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 60px;
	border-radius: 0 5px 5px 0;
	box-shadow: inset -55px 0 25px -20px #29af84
}

.dropdown.focus .selected::after,
.dropdown:hover .selected::after {
	box-shadow: inset -55px 0 25px -20px #00c384
}

.dropdown.scrollable div::after,
.dropdown.scrollable:hover div::after {
	box-shadow: inset 0 -50px 30px -35px #00c384
}

.dropdown div {
	position: absolute;
	height: 0;
	left: 0;
	right: 0;
	top: 100%;
	margin-top: 1px;
	overflow: hidden;
	opacity: 0;
	color: #04724E;
	border-radius: 5px
}

.dropdown:hover div {
	background: #00C384;
	border-radius: 5px
}

.dropdown.open div {
	opacity: 1;
	z-index: 2
}

.dropdown.scrollable div::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50px
}

.dropdown.scrollable.bottom div::after {
	opacity: 0
}

.dropdown ul {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	list-style: none;
	overflow: hidden;
	border-radius: 5px
}

.dropdown.scrollable.open ul {
	overflow-y: auto
}

.dropdown li {
	list-style: none;
	padding: 14px 12px;
	border-bottom: 1px solid #29AF84
}

.dropdown li:last-child {
	border-bottom: 0
}

.dropdown li.focus {
	position: relative;
	z-index: 3;
	color: #fff
}

.dropdown li.active {
	background: #29AF84;
	color: #fff
}

.dropdown,
.dropdown .carat,
.dropdown .carat:after,
.dropdown .selected::after,
.dropdown div,
.dropdown div::after,
.dropdown li,
.dropdown:after {
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out
}

.dropdown .selected::after,
.dropdown.scrollable div::after {
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	pointer-events: none
}

.dropdown {
	position: relative;
	width: 250px;
	cursor: pointer;
	font-weight: 200;
	background: #f8f8f8;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.dropdown.open {
	z-index: 2
}

.dropdown:hover {
	background: #f4f4f4
}

.dropdown:after {
	content: '';
	position: absolute;
	right: 3px;
	bottom: 3px;
	top: 2px;
	width: 30px;
	background: 0 0
}

.dropdown .selected::after,
.dropdown.scrollable div::after {
	content: '';
	bottom: 0;
	position: absolute
}

.dropdown.focus:after {
	background: #0180d1
}

.dropdown .carat,
.dropdown .carat:after {
	content: '';
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -4px;
	border: 8px solid transparent;
	border-top: 8px solid #000;
	z-index: 2;
	-webkit-transform-origin: 50% 20%;
	-moz-transform-origin: 50% 20%;
	-ms-transform-origin: 50% 20%;
	transform-origin: 50% 20%
}

.dropdown .carat:after {
	margin-top: -10px;
	right: -8px;
	border-top-color: #f8f8f8
}

.dropdown:hover .carat:after {
	border-top-color: #f4f4f4
}

.dropdown.focus .carat {
	border-top-color: #f8f8f8
}

.dropdown.focus .carat:after {
	border-top-color: #0180d1
}

.dropdown.open .carat {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.dropdown .old {
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	width: 0;
	overflow: hidden
}

.dropdown.touch .old,
.dropdown.touch select {
	width: 100%;
	height: 100%
}

.dropdown select {
	position: absolute;
	left: 0;
	top: 0
}

.dropdown.touch select {
	opacity: 0
}

.dropdown .selected,
.dropdown li {
	display: block;
	font-size: 18px;
	line-height: 1;
	color: #000;
	padding: 9px 12px;
	overflow: hidden;
	white-space: nowrap
}

.dropdown .selected::after {
	right: 0;
	top: 0;
	width: 60px;
	border-radius: 0 2px 2px 0;
	box-shadow: inset -55px 0 25px -20px #f8f8f8
}

.dropdown:hover .selected::after {
	box-shadow: inset -55px 0 25px -20px #f4f4f4
}

.dropdown div {
	position: absolute;
	height: 0;
	left: 0;
	right: 0;
	top: 100%;
	margin-top: -1px;
	background: #f8f8f8;
	overflow: hidden;
	opacity: 0
}

.dropdown:hover div {
	background: #f4f4f4
}

.dropdown li.active,
.dropdown li.focus {
	background: #0180d1;
	color: #fff
}

.dropdown.open div {
	opacity: 1;
	z-index: 2
}

.dropdown.scrollable div::after {
	left: 0;
	right: 0;
	height: 50px;
	box-shadow: inset 0 -50px 30px -35px #f8f8f8
}

.dropdown.scrollable:hover div::after {
	box-shadow: inset 0 -50px 30px -35px #f4f4f4
}

.dropdown.scrollable.bottom div::after {
	opacity: 0
}

.dropdown ul {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	list-style: none;
	overflow: hidden
}

.dropdown.scrollable.open ul {
	overflow-y: auto
}

.dropdown li {
	list-style: none;
	padding: 8px 12px
}

.dropdown li.focus {
	position: relative;
	z-index: 3
}
